CSS在提供常見的上邊框樣式如實線、虛線、圓角等之外，還提供了一種十分有趣的上邊框樣式，即上邊框圖片。

border-top-image: url('image.png');

使用上邊框圖片，需要使用border-top-image屬性，并指定圖片的路徑。

此外，還可以使用border-image-repeat屬性來指定圖片的重復(fù)方式，border-image-slice屬性來指定圖片的裁剪方式，border-image-width屬性來指定圖片的寬度，border-image-outset屬性來指定圖片的外延。例如：

border-top-image: url('image.png');
border-image-repeat: repeat-x;
border-image-slice: 10%;
border-image-width: 5px;
border-image-outset: 10px;

以上代碼表示使用image.png作為上邊框圖片，重復(fù)方式為沿x軸重復(fù)，裁剪方式為邊框的10%，圖片寬度為5px，圖片外延為10px。

需要注意的是，上邊框圖片的使用在一些舊版本的瀏覽器可能會出現(xiàn)兼容性問題，建議在使用時進(jìn)行兼容性測試。