在CSS中，圖片可以被用來制作具有不同樣式和特色的邊框。下文將介紹如何使用圖片來做邊框。 首先，可以使用CSS中的“border-image”屬性來實現。如下所示：

p {
border: 10px solid transparent;
border-image: url(border.png) 30 repeat;
}

上述代碼中，“border”屬性定義了一個10像素寬的透明純色邊框，這意味著我們可以看到背景透過邊框。 而“border-image”屬性則定義了一個指向圖像文件“border.png”的鏈接，并指定了30像素的邊距以及重復方式是“repeat”。這將導致圖像重復出現在邊框周圍，直到邊框被完全填滿。 此外，還可以使用“border-image-slice”屬性來定義圖像的分割方式，這將決定哪些部分的圖像重復出現。 下面的代碼將圖像分割成四個等分的部分：

p {
border: 10px solid transparent;
border-image: url(border.png) 30 repeat;
border-image-slice: 50% 50% 50% 50%;
}

還可以使用其他屬性，如“border-image-width”和“border-image-outset”，來調整圖像邊框的寬度和外延。 在使用圖片作為邊框時，需要注意的是，邊框圖像文件的大小將會影響頁面的加載時間和性能。因此，建議選擇小文件并使用壓縮和合并技術來優化圖像文件。