怎样用css样式将三个部分俩俩之间加上竖线

介绍两种方法

1.带竖线的字，在每个导航标记后面加入 '|'这个就是竖线

2.直接用边框

单个导航的样式加上:border-right:1px solid #ddd

你可以设置一个层的右边框啊，在css样式里面写{border-right:1px #cccccc solid}

"#cccccc"代表颜色；“solid”代表是实线也可以改成虚线。

1,"首页|校园|课程"----中间用竖线2,首页校园课程用li的右/左border,然后单独处理最后/最前一个,让它的当做竖线的border:none3,2的方法中,border当作分隔线,有时会感觉线的高度太高(大于字体高度),如果想用和字体高度差不多的,或者有渐变效果的,就需要自己作一个1px宽的图片,当做li的背景,不平铺,定位到右边或者左边.我一般都采用第3种方法,如果有什么不懂,可再交流..

---