c++ - 如何正确显示角落（看里面的图片）？

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 Fiddle 来展示它。

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

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

编辑2：我有个主意！

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

http://jsfiddle.net/7L5A9/

基本上它是每个角的 4 个 div，它在绝对位置是“边界实体”。

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

希望它可以帮助你。

Answer 2

如果不使用 img 作为角落，则无法获得所需的效果。您可以尝试使用虚线或更小尺寸的破折号以获得更清晰的效果。