CSS做的下拉菜单问题

2008-12-09 02:48:59 164 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

HTML中用CSS制作三级下拉菜单使用CSS制作三级下拉菜单（先水平再垂直）在用:hover弹出菜单时，要对两个下拉菜单的ul做区分（例如用 class=" "将两个ul区分），除此之外也要对触发下来事件的两个li做区分。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ... 阅读详情

<style type="text/css">

*{

font-size:12px

}

 #menu li{

 width:70px;

 list-style:none;

 }

 #menu li a:link,#menu li a:visited{

 background:#009999;

 color:#FFFFFF;

 text-decoration:none;

 display:block;

 }

 #menu li a:hover{

 color:#FFFFff ;

 background:#009999;

  }

 #menu li a div ul,#menu li a:visited div lu{

 padding:0px;

 margin:0px;

 display:none

 }

 #menu li a:hover div ul{

 margin:0px;

 padding:0px;

 display:block;

 background:#CCCCCC;

 color:#0000FF

 }

</style>

</head>

<body>

<div id="menu">

<ul>

<li><a href="#">导航菜单<div><ul><li>内容内容</li><li>内容内容</li><li>内容内容</li><li>内容内容</li></ul></div></a></li>

</ul>

</div>