CSS：將DIV作爲邊框/框架包裹圖像？

Question

我有一個名爲「content」的DIV，我有一個圖像作爲邊框/框架，我想繞過它。我都有一個很大的整體框架（左，右，上，下），它與它應該的寬度相匹配，並且我已經將它切碎了，所以我有四個單獨的邊框圖像（left.png，right.png等）。 ）。

但我很難試圖將它們附加到我的div，所以它看起來是正確的。我想 - 如果可能的話 - 是將邊框（單幀圖像或四個劈開的邊框圖像）附加到div的邊上。 div的寬度是800px，我想將它保留在800px，然後在Div外部附加邊框。

這是可能的，如果是這樣，它是如何做到這一點？ 非常感謝您

真誠
- Mestika

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>