正解在這里：上面20 stretch可以寫成 20 20 20 20 strech,分別表示：上邊 右邊 下邊 左邊 拉伸/壓縮。

現在以上邊為例：

1. 你設置了border：15px,那么上邊線寬為15像素（這里是線的實際寬度，很好理解，不用多說，但是我還是要提出來）

2. border-image: 圖片 20 strech;這個表示從圖片中的上邊取20像素(以上邊為例)，然后壓縮或拉伸到線寬

3. 我們取的圖片為20個像素，但是線寬為15個像素，所以被壓縮了

結論，所以你看到的圖片不一樣

不信你可以將20從0慢慢增加，你會發現這個規律。

border:15px?solid?#ccc;//你設置了15px，那它就是15px

將stretch改為repeat，stretch表示拉伸，長和寬大小不一樣，拉伸效果就不一樣。