下拉菜单代码原创分享
⊆ 11月 3rd, 2011 by wangjingjing | ˜ | 209/2,680#menu{
margin:0px;
padding:0px;
width:980px;
list-style-type:none;
font:14px Arial, Helvetica, sans-serif;
}
#menu li{
float:left;
width:120px;
padding:0px;
margin:0 1px 0 0;
}
#menu li dl{
width:120px;
margin:0;
padding:0 0 10px 0;
background:#cb6 bottom left;
}
#menu li dt{
margin:0px;
padding:8px;
text-align:center;
border-bottom:1px solid #b00;
background:#ed8 url(navbg.jpg) repeat-x top left;
}
#menu li dt a, #menu li dt a:visited{
display:block;
color:#fff;
text-decoration:none;
}
#menu li dd{
margin:0;
padding:0;
color:#fff;
background:url(navbghover.jpg) repeat-x;
}
#menu li dd.last{
border-bottom:1px solid #b00;
}
#menu li dd a, #menu li dd a:visited{
display:block;
color:#fff;
text-decoration:none;
padding:4px 5px 4px 20px;
background:#47a;
height:1em;
}
#menu li dd{
display:none;
}
#menu li:hover dd, #menu li a:hover dd{
display:block;
}
#menu li:hover, #menu li a:hover{
border:0;
}
#menu li dd a:hover{
background:#147;
color:#9cf;
}
#menu table{
border-collapse:collapse;
padding:0px;
margin:-1px;
font-size:1em;
}
