自定义虚线边框。

Question

我需要做这样的事情。

我无法使用边框：虚线或边框：虚线，因为： 1）导致的点和破折号与示例中的尺寸不完全相同，间距也不正确。 2）带有虚线/虚线边框的圆角看起来很糟糕。

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

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

Answer 1

解决这个问题的方法之一就像我认为你指出的那样，将其分解为两到三个背景图像。

这可以使用类似CSS3 Multiple Backgrounds的东西。

或旧的方法Sliding Doors。

任何这些的易用性的一部分将取决于这些大小不断变化的虚线框将被用于。例如，如果你有多个这样的网页，如果是这样，他们如何输出，成一个网格或其他东西，会影响最简单的方法。