CSS中的邊框樣式可以通過一些屬性來設置，比如border-style、border-width和border-color等。這些屬性可以實現各種邊框風格和粗細程度。不過，在某些情況下，我們可能想要使用自定義圖片來作為邊框樣式，這時候我們可以使用border-image屬性。

border-image屬性的語法如下：

border-image: source slice width outset repeat;

其中source表示要使用的圖片路徑，slice表示圖片的分割方式，width表示邊框寬度，outset表示邊框的外延寬度，repeat表示圖片的平鋪方式。

例如，要將邊框換成一張名為border.png的圖片，可以這樣設置：

div {
border-image: url(border.png) 30 round;
}

上面的代碼將邊框圖片設為border.png，邊框寬度為30像素，平鋪方式為round。這樣就可以用一張自定義圖片來替代原來的邊框樣式。

需要注意的是，border-image屬性只在支持CSS3的瀏覽器中才能正常工作。在使用時，還應該兼容其他瀏覽器，可以參考以下的代碼：

div {
border: 30px solid #f00; /* 兼容舊瀏覽器 */
-webkit-border-image: url(border.png) 30 round;
-moz-border-image: url(border.png) 30 round;
-o-border-image: url(border.png) 30 round;
border-image: url(border.png) 30 round;
}

上面的代碼在兼容舊瀏覽器時使用border屬性來設置邊框，同時用各瀏覽器的私有前綴來設置border-image。

總的來說，使用border-image屬性可以讓邊框樣式更加靈活多樣，從而滿足各種設計需求。