如何使用重复图像作为间隙的边界

Question

如何从图像中获得虚线水平线并控制HTML / CSS中每个水平线之间的间隙？我认为javascript对此来说太过分了。

我在黄色标记面对这个问题，所以我需要动态。

也许某人有个好主意。

Answer 1

尝试border-image属性（几年前使用它，效果很好，但你需要记住图像在不同的独立像素分辨率下缩放（短版本：不同的Android设备可以使其按比例放大/缩小），但也许只是适当比例单位的情况 - 我正在创建不同的图像尺寸）：

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