文章详情页
css - 有没有办法自定义 border 为 dashed 时的虚线间距?
问题描述
CSS 的 border: 1px dashed 样式太难看了,虚线非常的宽,dotted 也是一样,间距太窄。
有没有办法控制虚线或者点的长度或者间距呢?
问题解答
回答1: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
囧,看来没好办法。不过你可以用图片作边框用。
回答2:没有办法。
但SVG线条是可以设置间距的。
path { stroke-dasharray: 4; stroke-dashoffset: 22;}回答3:
如果一定要这样,使用一下背景图片也是个选择,切一小片repeat就好了,而且兼容性很好。但如果是竖边框的话,就稍微麻烦些。
标签:
CSS
相关文章:
1. 引用 node.js express加载 静态文件 报错 ??2. javascript - 引入 simditor,但是显示标签,这个怎么解决。3. 如何更新/删除指定的两条或多条数据4. 优先级的问题?5. android - 目前有哪些用Vue.js开发移动App的方案?6. 搭建一个用户间相互博弈的网站7. mysql_replication - mysql读写分离时如果单台写库也无法满足性能怎么解决8. node.js - 利用vue-cli 构建执行到npm run dev 报错,求解~9. mysql 一个sql 返回多个总数10. vue.js - weex 没有背景图片属性怎么办?
排行榜