CSS:将图像作为边框/框架包裹在 DIV 周围？

Question

我有一个名为“content”的 DIV，其中我有一个图像作为边框/框架，我想绕过它。我都有一个大的整个框架(左、右、上、下)，它与它应该的宽度相匹配，而且我把它切碎了，所以我有四个单边框图像(left.png、right.png 等)。 ).

但是我真的很难尝试将它们附加到我的 div 以使其看起来正确。如果可能的话，我想要的是将边框(单帧图像或四个切碎的边框图像)附加到 div 的一侧。 div 的宽度为 800px，我想将其保留为 800px，然后在 Div 外部附加边框。

这可能吗？如果可以，它是怎么做到的？非常感谢

真诚
- 梅斯蒂卡

Answer 1

是这样的:http://jsfiddle.net/easwee/Pa6kR/24/

无论您放置什么宽度，这都会起作用。您必须使用 8 张图像才能使其正常工作(在 Sprite 中组合)。将 Angular 的宽度和高度以及背景设置为您需要的任何值。