css 自定义长度间距虚线

浏览器提供的dashed border画出来一直是一个样式，不能个性化定制虚线的长度以及间距，所以用这个方法画出可个性化定制的虚线。

background-image中，linear-gradient的第三个参数可以调整虚线每一段的长度显示百分比，结合background-size的第二个值（可设置虚线每一段总长度）使用。两者结合就可以调整虚线每一段之间的间距大小。
background-size的第一个值可以调整虚线的宽度。（可以设为100%，直接继承元素的宽度width）

.border {
   
    width: 90%;
    height: 1px;
    background-image: linear-gradient(to right, black 0%,