[HTML] 纯文本查看 复制代码运行代码
蚂蚁部落*{
margin:0;
padding:0;
}
.menu{
display:block;
font-family:arial, sans-serif;
width:940px;
position:relative;
height:auto;
background: #06F;
}
.menu ul{
padding:0;
margin:0;
list-style-type:none;
}
.menu ul li{
float:left;
width:102px;
background: #03F;
}
.menu ul li.end{
height:35px;
float:right;
width:10px;
background:#03F;
}
.menu ul li a, .menu ul li a:visited{
display:block;
text-align:center;
text-decoration:none;
width:104px;
height:35px;color:#fff;
line-height:34px;
font-size:14px;
background:#03F;
}
.menu ul li.first a, .menu ul li.first a:visited{
display:block;
text-align:center;
text-decoration:none;
width:110px;
height:35px;
color:#fff;
line-height:34px;
font-size:14px;
background: #03F;
}
.menu ul li ul {display:none;}
.menu ul li:hover a{
color:#000;
background:#03F;
}
.menu ul li:hover.first a{
color:#000;
background:#03F;
}
.menu ul li:hover ul{
display:block;
position:absolute;
left:0;
top:35px;
width:805px;
}
.menu ul li:hover ul li a{
float:left;
display:block;
background:#faeec7;
color:#000;
}
.menu ul li:hover ul li a:hover {
background:#dfc184;
color:#000;
}