用CSS写导航条的分割线

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

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

第1个回答  2015-11-05
最后一个取消的方法很简单啊

两种方法

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

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

本回答被提问者采纳