CSS3 border-image:

浏览器参照基准:Firefox3.6 and Later, Chrome5 and Later, Safari5 and Later, Opera11.50 and Later, IE系列不做参考

语法:

border-image:border-image-source border-image-slice{1,4}/border-image-width{1,4} border-image-repeat{0,2}

Figure 1: 所用图片

border-image背景图3

Demo 1:大小各异的按钮

Figure 2:所用图片

border-image背景图2

Demo 2:自适应大小的边框:

border-image用例图片
CSS探索之旅