css 制作导航条布局
导读:导航条 .menu{ list-style: none; padding:0; margin:0; width:960px; height:40px;...
导航条
.menu{
list-style: none;
padding:0;
margin:0;
width:960px;
height:40px;
background-color:#55a8ea;
position:relative;
}
.menu li{
width:100px;
height:40px;
float:left;
}
.menu li a{
display:block;
height:40px;
width:100px;
line-height:40px;
text-align:center;
font-size:14px;
font-family:"Microsoft YaHei";
text-decoration:none;
color:#ffff;
}
.menu li a:hover{
background-color:#00619f;
}
.menu .new{
width:30px;
height:20px;
background:url("images/new3.png") no-repeat;
position:absolute;
left:433px;
top:-10px;
}
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css 制作导航条布局
本文地址: https://pptw.com/jishu/655671.html
