問(wèn)題描述

CSS 的 border: 1px dashed 樣式太難看了，虛線非常的寬，dotted 也是一樣，間距太窄。

有沒(méi)有辦法控制虛線或者點(diǎn)的長(zhǎng)度或者間距呢？

問(wèn)題解答

Displays a series of short square-ended dashes or line segments. The exact size and length of the segments are not defined by the specification and are implementation-specific.

——MDN

囧，看來(lái)沒(méi)好辦法。不過(guò)你可以用圖片作邊框用。

沒(méi)有辦法。

但SVG線條是可以設(shè)置間距的。

path { stroke-dasharray: 4; stroke-dashoffset: 22;}回答3：

如果一定要這樣，使用一下背景圖片也是個(gè)選擇，切一小片repeat就好了，而且兼容性很好。但如果是豎邊框的話，就稍微麻煩些。