css - 有没有办法自定义 border 为 dashed 时的虚线间距?
巴扎黑
巴扎黑 2017-04-17 11:08:26
0
3
1628

CSS 的 border: 1px dashed 样式太难看了,虚线非常的宽,dotted 也是一样,间距太窄。

有没有办法控制虚线或者点的长度或者间距呢?

巴扎黑
巴扎黑

모든 응답(3)
PHPzhong

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

囧,看来没好办法。不过你可以用图片作边框用。

黄舟

没有办法。

但SVG线条是可以设置间距的。

path {
    stroke-dasharray: 4;
    stroke-dashoffset: 22;
}
PHPzhong

如果一定要这样,使用一下背景图片也是个选择,切一小片repeat就好了,而且兼容性很好。但如果是竖边框的话,就稍微麻烦些。

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿