html - 自定义虚线边框。

Question

我需要做这样的事情。

我不能使用 border: dotted 或 border: dashed，因为:1)生成的点和破折号与示例中的大小不完全相同，间距也不正确。2) 带有虚线/点线边框的圆 Angular 看起来很糟糕。

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

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

Answer 1

我认为您指出的一种处理方法是将其分成两到三个背景图像。

这允许使用像 CSS3 Multiple Backgrounds 这样的东西的可能性.

或者旧方法Sliding Doors .

其中任何一个的易用性部分取决于将使用这些大小可变的虚线框的布局。例如，如果页面上有多个虚线框，如果有，它们是如何输出到网格中的或其他东西，会影响最简单的方法。