css实现边框虚线，dashed虚线过密的处理办法——样式实现

css实现边框虚线，dashed虚线过密的处理办法——样式实现

最近在写页面的样式的时候，遇到了一个虚线边框，当然要用border来实现了

但是用了border-top:1px dashed #f1f1f1之后，发现虚线之间间距特别小，很密，导致页面看上去紧凑，不美观，下面提供一种方法能够解决这个问题：

css实现边框虚线过密的处理办法

.dotted-line{    
border: 1px dashed transparent;    
background: linear-gradient(white,white) padding-box, repeating-linear-gradient(-45deg,#ccc 0, #ccc .25em,white 0,white .75em);
}

如果只想保留上边框，则把上面代码中的border:1px dashed transparent改为border-top:1px solid transparent即可。

参考大神链接：大神解决border虚线过密问题：https://blog.csdn.net/weixin_39890814/article/details/110608944

解决！！多多积累，多多收获！！！