最后两个参数是图片x、y方向重复的方式，有round（平铺），repeat（重复），stretch（拉伸）三种方式，默认是stretch，可简写成0-1个。
对于我们常用的按钮来说，在横向无论平铺、重复，还是拉伸，效果都是一样的。
这个按钮完整的代码是这样的：
<style type="text/css">
.btn-more{display:inline-block;
-webkit-border-image:url(blogimg/btn_2_bg.png) 5;
-moz-border-image:url(blogimg/btn_2_bg.png) 5;
border-width:5px;
height:27px;
line-height:27px;
padding:0 60px;
text-decoration:none;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
text-align:center;
text-shadow: 0px 0.5px 0.5px #000000;
}</style>
<p><a href="#" class="btn-more">查看更多</a></p>注意，这里border-width必须配合使用，分别对应九宫格分隔出来的四条边的宽度。其实即使是九宫格分割出来了4条边，我们完全可以不使用 其中任何一条，只要将这条边的border-width设置为0即可，这对用一张完整的圆角图片实现一对个半圆角按钮是很有用的：
另外，在有border-image的情况下，定义其他样式的border都是无效的。
好吧，最后，按照惯例，我们要感谢国家、感谢组织、感谢iPhone、感谢乔布斯，让我们有了这一次伟大的实践机会！愿web标准早日一统天下，我们才能真正畅享css3的美好世界！
(本文出自Tencent WSD Blog，转载时请注明出处)
