84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
CSS 的border: 1px dashed样式太难看了，虚线非常的宽，dotted也是一样，间距太窄。
border: 1px dashed
dotted
有没有办法控制虚线或者点的长度或者间距呢？
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; }
如果一定要这样，使用一下背景图片也是个选择，切一小片repeat就好了，而且兼容性很好。但如果是竖边框的话，就稍微麻烦些。
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
——MDN
囧，看来没好办法。不过你可以用图片作边框用。
没有办法。
但SVG线条是可以设置间距的。
如果一定要这样，使用一下背景图片也是个选择，切一小片repeat就好了，而且兼容性很好。但如果是竖边框的话，就稍微麻烦些。