请问一下网页中的圆点虚线用CSS怎么做?

html-css07

请问一下网页中的圆点虚线用CSS怎么做?,第1张

border线型主要有:

1、dotted【点状】

2、solid【实线】

3、double【双实线】

4、dashed【虚线】

实例一:如果一个CSS这样写:border-style:dotted solid double dashed出来的框就是:上边框是点状,右边框是实线,下边框是双线,左边框是虚线

实例二:如果一个CSS这样写:border-bottom:1px dashed #000000出来的框就是:一条宽度为1像素的黑色下划虚线。

以此类推。多试试就知道什么效果了哦。

ul divul

第一个ul装时间

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

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