自定义虚线边框。

Question

我需要做这样的事情。

我不能使用border：dotted或border：dashed，因为： 1）产生的点和短划线与示例中的尺寸不完全相同，间距也不正确。 2）带有虚线/虚线边框的圆角看起来很糟糕。

当然有边框图像，但浏览器支持不是很好，我需要IE支持，至少对于IE9。 所以现在我正在考虑简单地使用旧方法和许多div和图像。

如果我有很多不同宽度和高度的盒子，最好的方法是什么？ 也许还有另一种方式，除了弄乱图像？

Answer 1

我认为你指出的一种解决方法是将其分解为两到三个背景图像。

这允许使用类似CSS3 Multiple Backgrounds的内容。

或Sliding Doors的旧方法。

任何这些的易用性部分取决于这些尺寸变化的虚线框将被使用的布局。例如，如果您在页面上有多个这些，如果是这样，它们如何输出，进入网格或者其他什么，会影响最简单的方法。