如何切片图像边框用于CSS？

Question

我正在尝试将图像边框切片以便在css中使用。

这是我想要使用的Box边框：

以下是Box代码的一部分：

  <div class="wrapper">
            <div id="featured_box1">
                <div class="Content1">
                    <h2>Heading</h2>
                    <p>Content for Featured Box</p>
                </div>
            </div>               
</div>

我应该如何切割图像，如果我滑动一个小区域然后重复y为每一侧。然后创建4个新的div来插入边框的角落？

那么如何处理边界的角落？

使用禁食加载速度显示框的最佳方法是什么？

Answer 1

  

@thirtydot，盒子宽度是固定的，   宽度和高度。我该如何使用4   与div的角落？ - Ibn Saeed

也许我错过了某些内容，但是如果该框是固定大小的，那么您不能将width的{​​{1}}和height设置为确切的尺寸，并且将其设为div？

像这样：http://jsfiddle.net/7DgNg/