@予爾心安 ?謝謝你提供的鏈接，看了之后基本上懂了

3、剪裁特性。如果您對CSS中clip屬性(clip:rect(auto, auto, auto, auto))比較了解，則這里理解就會輕松些。clip可以說是CSS中一個明目張膽的剪裁屬性，而此處的屬性雖然表意上不是剪裁，但是在border-image效果的實現上來說，就好像是個剪裁工具，把邊框圖片四分五裂，再重新安置，變形。其有1~4個參數，其方位規則符合CSS普遍的方位規則（與margin，padding等或border-width一致），上右下左順時針，再賦予剪裁的含義，舉個簡單的例子，前面提到，支持百分比寬度，所以這里“30% 35% 40% 30%的”示意可以用下圖表示：

看圖說話就是，離圖片上部30%的地方剪裁一下，在右邊35%的地方剪裁一下，在離底部40%的地方裁剪一下，在距左邊30%的地方也剪裁一下。于是總共對圖片進行了“四刀切”，形成了九個分離的區域，這就是九宮格，這是下面深入講解border-image的基礎。

摘自:http://www.wqcms.com/html/c31/2012-06/3381.html

自己百度到了....