CSS3中的border-image是非常有用的，但是有点不太好理解，因为 border-image的实际功能是它的字面意思有点不太统一。从字面上来看border-image只是针对边框有效，但是在实际运用中非边框区域也 可以进行添加。我以前也一直纠结在它的字面意思上而很不理解。border-image在使用的时候既然是针对border的那么在使用border-image之前必须设border-width，也就是必须设置边框的宽度才能真正实现border-image的效果

【语法】 border-image: url top right bottom left x-repeat y-repeat

【参数】url      采用的图片的路径

              top,right,bottom,left就是图片的切割方法，对应下面的九宫格，但是简单来说可以对应设定的border-width来确