1、dotted【点状】
2、solid【实线】
3、double【双实线】
4、dashed【虚线】
实例一：如果一个CSS这样写：border-style:dotted solid double dashed出来的框就是：上边框是点状，右边框是实线，下边框是双线，左边框是虚线
实例二：如果一个CSS这样写：border-bottom:1px dashed #000000出来的框就是：一条宽度为1像素的黑色下划虚线。
以此类推。多试试就知道什么效果了哦。
1、可以用CSS中的边框实现，border是设置边框的属性，有一个属性dotted就是点划线。具体的设置方法，首先新建一个html文件，在文件内写入一个div标签，给它一个class属性demo：
2、设置demo的class样式，这里给demo一个宽度，表示点划线的长度，高度设为0，然后设置border-bottom的属性的边框样式为dashed点划线，宽度为5px，颜色为黑色，这样就设置好了：
3、打来浏览器，可以看到屏幕中的一条黑色点划线、以上就是用css实现点划线的流程：
这个没法设置,想设置圆点之间的距离的话要么就用ps去作图,然后使用background属性,使虚线位于下方.如果你去纠结圆点虚线直接的距离的话,直接border:1px dotted #ccc搞定
