如何正确显示角落（看里面的图像）？

Question

我正在使用CSS重新设计QFrame。这是CSS代码：

border: 5px dashed #555;

以下是图片示例：

有没有办法让虚线边框的角连接成一条实线？

Answer 1

我不确定QFrame是否接受完整的CSS代码，但您可以尝试

border-top : 5px dashed #555;
border-bottom : 5px dashed #555;
border-left : 5px solid #555;
border-right: 5px solid #555;

我希望它能够完成这项工作。

这是一个JS小提琴来展示它。

http://jsfiddle.net/qxupJ/1/

编辑：嗯，在这种情况下，您必须在框架内使用4个div，每个div都有一个与其角落对应的背景图像。

编辑2：我有个主意！

这是解释我的新想法的小提琴：

http://jsfiddle.net/7L5A9/

基本上每个角落都有4个div，它的“边界固定”处于绝对位置。

我知道它看起来很难看，但我认为这是不使用图像的唯一方法，否则，如果你的容器大小不会改变，那么我认为你可以在主容器中使用背景图像（QFrame） ）。

希望它对你有所帮助。

Answer 2

没有办法在角落里使用img来达到理想的效果。您可以尝试使用虚线或较小尺寸的短划线来获得更清晰的效果。