类目之间竖线添加的方法

 原以为类目之间的竖线添加无非三种方法：

1、背景图
在a标签设置一个padding 用宽1px高不等的背景图来position到右侧。
缺点：最后一个还是要用class来隐藏掉背景。

2、符号
在每个a标签之间用”|”符号来填充。
缺点：html文件变大，文件维护变得很麻烦，而且在html中毫无意义。

3、a标签右侧的boder。
同背景图一样，只不过使用border-right来代替。缺点也同上。

在淘宝首页看到的方法：

利用ul的overflow:hidden 再将li的margin-left:-1px实现。这样的做法就可以同时避免以上的缺点了。注意，li的line-height要和字高相等。