CSS 属性:
border-image-repeat:

注意: Internet Explorer 10, Opera 12, 和 Safari 5 不支持 border-image-repeat 属性。

结果:

DIV 元素使用图片边框

CSS 代码:
div#main {
background-color:lightgrey;
border:30px solid transparent;
border-image: url('border.png');
border-image-slice: 30 30 30 30;
border-image-width: 1 1 1 1;
border-image-outset: 0;
border-image-repeat: stretch;
}
点击上面的属性值然后查看效果
简单教程 - 范例