顾名思义就是为边框应用背景图片，它和我们常用的background属性比较相似。例如：
background:url(xx.jpg) 10px 20px no-repeat;
但是又比背景图片复杂一些。
想象一下：一个矩形，有四个边框。如果应用了边框图片，图片该怎么分布呢？ 图片会自动被切割分成四等分。用于四个边框。
可以理解为它是一个切片工具，会自动把用做边框的图片切割。怎么切割呢？为了方便理解，做了一张特殊的图片，由 9 个矩形（70*70 像素）拼成的一张图（210*210 像素），并标注好序号，是不是像传说中的九宫图，如下：
2,4,6,8 分别被拉伸显示。
注意：Chrome 下，中间部分也会被拉伸，webkit 浏览器对于round属性和repeat属性似乎没有区分，显示效果是一样的。
Firefox 26.0 下是可以准确区分的。