本文导读：
CSS导航条相信已是老生常谈了，网上的免费源码一大堆，要多炫有多炫。只是作为初学者，我相信我还是喜欢使用简单容易实现，够用就行了。以下是我常用的一段CSS导航的CSS代码，用于取代复杂的表格代码。取消了最后的末尾的一条竖线。
如何去掉CSS导航条的最后的竖线
CSS导航条相信已是老生常谈了，网上的免费源码一大堆，要多炫有多炫。只是作为初学者，我相信我还是喜欢使用简单容易实现，够用就行了。
以下是我常用的一段CSS导航的CSS代码，用于取代复杂的表格代码。取消了最后的末尾的一条竖线，因为大家都喜欢使用竖线分隔栏目名称，而使用“border-right:1pxsolid#FFF;”将会在末尾添加了一条竖线，很不美观。现在只需添加一行代码即可以解决。
CSS导航的源码：
1、CSS内容
.menu{
color:#FFF;
font-weight:bold;
}
.menu ul{
list-style:none;
margin:0px;
}
.menu li{
display:inline;
text-align:center;
padding:0px10px010px;
border-right:1pxsolid#FFF;/*竖线*/
text-decoration:none;
margin-right:-1px;/*取消最后的竖线*/
}
.menu a{
color:#ffffff;
font-weight:bold;
}
.menu a:hover{
color:#fff;
font-weight:bold;
text-decoration:none;
}
2、页面内容
<tdclass="menu">
<ul>
<li><ahref="#">首页</a></li>
<li><ahref="#">栏目一</a></li>
<li><ahref="#">栏目二</a></li>
<li><ahref="#">栏目三</a></li>
</ul>
</td>
上一篇：什么五笔输入法好用？
下一篇：感谢那些分享技术的博客们
-6楼 静脉曲张袜哪个牌子好 2011-10-16 11:26:37 回复该评论
隐藏确实有好处，客户体验很好
-10楼 21世纪最佳创业平台 2011-10-15 0:08:10 回复该评论
一个普通人创业的平台，一个手把手教你赚钱的系统。大量事实证明，只要有梦想，肯行动，三个月可以组建自己的团队框架，六个月实现月入过万。两年时间，让你有钱有闲。合理可行， 咨询QQ：2447851467