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

現(xiàn)在以上邊為例：

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

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

3. 我們?nèi)〉膱D片為20個(gè)像素，但是線寬為15個(gè)像素，所以被壓縮了

結(jié)論，所以你看到的圖片不一樣

不信你可以將20從0慢慢增加，你會(huì)發(fā)現(xiàn)這個(gè)規(guī)律。

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

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