Question

导航条槽状分割线用css怎么做

就是这种样式的分割线，css代码怎么写

Answer 1

用border来做 只要给你的标签加上 border-right:1px solid #EE6254
就可以了
也可以用图片来做，图片做出来的效果比较美观
给每个li 后面加个<SPAN>里面加入图片</span> 在吧span 浮动为左浮动

Answer 2

方法很多，建议使用：
给ul一个背景色,然后设置li外边距margin-right:1px;

Answer 3

其实你仔细看会发现这只是两条边框，视觉上看起来像是槽状分割线，可以给
ul加border-bottom:1px solid #777; 然后给li加上border-bottom:1px solid #fff;

Answer 4

<ul><li>新闻公告</li></ul>
ul{margin-left:-1px}/*去掉第一个文字的第一条线*/
li{width:80px;border-left:1px solid #cf0000;}

Answer 5

把那条线切成图片，然后给li用这个图片做背景，不重复no-repeat 靠右right