border-image-source是一个css3属性，，现在主流的浏览器较新版本大多都已经支持了。
但是在实际应用中我发现IE9还是不支持的，但有时候是不能换浏览器的（开发者都一定有同感）。
但是现在找到了一种好方法：
思路：
照常使用background-image属性，同时结合使用 background-position属性。
比如 如果想要bottom边框为图片，可以做一个高为一定值的图片，然后将此图片作为background-image，
同时background-position：bottom即可。
同样地，要作为 上边框 左边框 右边框 都同理。
如果想要四条边框都是图片内容，则可以 先做一个与元素同样大小的图片，格式可以为png（主要是png图片可以局部为透明），将边框部分不透明，然后作为一个元素的background-image即可。
示例代码：(元素的宽高等就不写了)
<span style="font-family:Tahoma;">.aaa{
background-image: url("bg.png");
background-position: bottom;
background-repeat: no-repeat;
}</span>
亲测有效
