如何用純css控制邊框虛線的長度或者間隔
阿新 • • 發佈：2021-01-18
技術標籤：css
入職新單位啦~一直沒時間寫東西;這幾天開發新頁面,ui給的圖上的虛線是css的dash線不能實現的
css 上的效果是這樣的
而設計圖上是這樣子的
經過查了一會兒發現可以用神奇的css背景顏色漸變來處理
div {
border: 1px solid transparent;
background: linear-gradient(white,white) padding-box,
repeating-linear-gradient(-45deg,#ccc 0, #ccc 0.5em,white 0,white 0.75em);
}
下面是效果
