Question

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

但是我很难将它们附加到我的div上，所以它看起来很正确。我想要的 - 如果可能的话 - 是将边框（单帧图像或四个切碎的边框图像）附加到div的一侧。 div的宽度为800px，我希望将其保留为800px，然后将边框附加到Div之外。

这是可能的吗？如果是的话，它是如何做到的？非常感谢你

施
- 梅斯蒂卡

Answer 1

像这样：http://jsfiddle.net/easwee/Pa6kR/24/

无论你放什么宽度，这都会有效。您必须使用8个图像才能使其工作（以精灵组合）。将角落宽度和高度以及背景设置为您需要的任何内容。

Answer 2

你可以看到我尝试过的东西：

CSS：

#content{ 
width:800px;
padding:20px 20px 20px 20px;
margin-bottom: 0px;
margin-top: 30px;
margin-left:160px;
margin-right:auto;
overflow:hidden;
background: #e0e0e0 url("../images/frame.png") no-repeat;

HTML：

<div id="content"> ALL MY CONTENT INSIDE THIS DIV </div>

CSS：将图像围绕DIV包装为边框/框架？

2 个答案: