首页 > > 网页制作 > css >

用CSS编写一个网页导航栏

2008-02-23 08:32:33来源：互联网阅读 ()

列表标签:
<ul id="bar">
<li><a href="#">导航标题</a></li>
<li><a href="#">导航标题</a></li>
<li><a href="#">导航标题</a></li>
<li><a href="#">导航标题</a></li>
<li><a href="#">导航标题</a></li>
</ul>

相应CSS:
#bar{
list-style:none;
}
#bar li{
float:left;
}
#bar li a{
float:left;
padding:7px 10px;
border:1px solid #444;
margin:5px;
background-color:#666;
color:#C00;
}
#bar li a:hover{
color:#CF0;
background-color:#444;
}

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有