Question

用CSS写导航条的分割线

请问这样的导航用CSS怎么实现？

有人说用右边框，那怎么设置宽度和最后的一个右边框怎么取消？
用“|”，那怎么和前面的文字拉开距离？
源文件只用了a标签和“|”，可是我自己写代码时却怎么都拉不开距离，求大神救

Answer 1

最后一个取消的方法很简单啊

两种方法

1：单独设置class 写一个border:none;
2：li:last{border:none;}

追问

我用li写了，可是文字和分割线贴的紧紧的，我想像图上一样隔开要怎么办啊