纯css 二级下拉菜单

来源:百度知道 编辑:UC知道 时间:2024/05/14 05:01:30
想求个纯CSS写的导航 带二级菜单的 不要带JS 或者<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->这些的 都不想学 就想看看纯CSS写的什么样 简单直接点最好,谢谢大家 QQ:373431759 如果愿意可以QQ找我 加分 呵呵 谢谢大家!

没房子怎么装修?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
ul{list-style-type:none;}
ul li{height:100px;height:30px;overflow:hidden;}
ul li:hover{overflow:visible;}
ul li a.nav1{width:100px;height:30px;text-align:center;display:block;background:#09C}
ul li a.nav1:hover{background:red;color:#FFF;}
a.nav2{width:100px;height:30px;text-align:center;display:block;background:#f1f1f1}
a.nav2:hover{back