css设置border 虚线线框，线之间的间距

普通的设置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的数值越大，间距越大

记录问题，希望和大家一起学习！

以上为作者原创，转载必须附上来源！