用CSS编写一个网页导航栏

现在的位置: 首页 >> 网页设计 >> CSS >> 用CSS编写一个网页导航栏


	添加时间:2006-4-6 来源:网页教学网作者:

用CSS编写一个网页导航栏

列表标签:
<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;
}

上一篇:网页标准学习：XHTML+CSS调用样式表下一篇:用CSS实现滚动条的彩色显示

大部分文章摘自网上，如有侵犯您的权益请与我们联系，我们会第一时间进行处理，谢谢!

[ 打印文章 ] [ 关闭窗口 ]