很多门户网站底部都有一些
关于xxx | 联系我们 | 诚征英才
的底部条，都是利用|字符去分割，而不是纯粹利用样式。
之前看过有一篇文章是利用纯样式去做的，而且还能做到 | 比文字短25%的效果。不知道有里有人知道这个解决方案吗？
我比较倾向所有的+border-left
然后用.li:first-child{border-left：none；}把第一个元素的border-left给K掉
你是想要这样的效果么？
http://jsfiddle.net/HFbpG/2/
可以给每个li设置border-left，然后隐藏掉第一个li的border-left。
隐藏第一个li的border-left的具体方法是：给ul加overflow:hidden,给所有li加margin-left：-1px
｜的高度就是li的高度，可以随便设。