0

在此处输入图像描述

我需要做这样的事情。

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

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

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

4

1 回答 1

2

正如我认为您所指出的那样,处理此问题的一种方法是将其分解为两到三个背景图像。

这允许使用诸如CSS3 Multiple Backgrounds之类的东西。

或滑动门的旧方法。

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

于 2013-04-30T16:02:00.890 回答