前言 css生成虚线,前端小儿科。一般都会用border来实现,不做深入考究,但是生成如下虚线?如何操作? 实现方式 实现方式,有的人用多个span生成,一个小圆点就是一个span,这样是可以,但是整个状态改变比较麻烦,有什么方式生成可以控制的虚线呢? 生成dashed 生成横向线 生成dashed虚线,一般是通过linear-gradient + background-size实现的,实现代码如下: height: 2px; background: linear-gradient(to right, #000000, #000000 7.5px, transparent 7.5px,