html - 如何使用重复图像作为带间隙的边框

标签 html css

如何从图像中获得水平虚线并在 HTML/CSS 中控制每条虚线之间的间隙?我认为 javascript 对此有点矫枉过正。

我在黄色标记处遇到了这个问题,所以我需要它是动态的。

也许有人有好主意。

最佳答案

试试 border-image 属性(几年前用过,效果很好但你需要记住图像在不同的独立像素分辨率下缩放(简短版本:不同的 Android 设备可以渲染它缩放上/下),但也许这只是适当比例单位的情况——我为此创建了不同的图像尺寸):

https://developer.mozilla.org/en-US/docs/Web/CSS/border-image

关于html - 如何使用重复图像作为带间隙的边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36729558/

相关文章:

css - 在刷新之前,边栏在 Chrome 上显示不正确

jquery - 如何为迭代动态表中的交替行设置背景颜色

php - HTML、PHP - 回显时转义 '<' 和 '>' 符号

html td标签不考虑表格中的宽度

android - Webview html输入表单不显示/不允许键盘

html - 未排序的列表不会在媒体查询中显示两列

css - 创建特定维度的标签云

CSS :hover function not working

CSS:如何删除 Firefox 中显示的列表项的缩进

javascript - 如何在 Ionic Framework 中进行选项卡式页面之间的转换