CSS列表的竖线加圆点怎么做

html-css022

CSS列表的竖线加圆点怎么做,第1张

ul divul

第一个ul装时间

div 装的时间线,设置一个div给个border-left/right,圆点直接position定位就行了

最后一个ul装时间内的事情

css给定一个竖线,然后写几个原点,定位到竖线上去,如果感觉竖线和原点有空隙,可以给原点加个跟背景色一样的边框,就好了。

你想实现的这种方式,可以给没一条信息里面写一个圆点,然后定位,就能实现了。不管上下距离多大,圆点都会在竖线上,并且跟信息条目在一条线上

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