普通的设置border是不能调整间距的,比如:
.test-border-line{
border: 1px dashed red;
margin-top: 20px;
}
这样是不能调整虚线之间的间距,
我们可以使用背景图片的方式:
.test-border-line{
height: 1px;
background-image: linear-gradient(to right, #E7C737 0%, #28B35B 50%, transparent 0%);
background-size: 14px 1px;
background-repeat: repeat-x;
}
background-size的数值越大,间距越大
记录问题,希望和大家一起学习!
以上为作者原创,转载必须附上来源!