今天我們要來學習給 CSS 的圖片設置邊框。圖片邊框可以使圖片在頁面中更加突出，也可以讓頁面更加具有美觀性。在 CSS 中，我們可以通過 border 屬性來為圖片設置邊框。 首先在 HTML 中插入一張圖片，比如下面這張貓咪圖片：

<img src="https://cdn.pixabay.com/photo/2016/12/29/13/37/cat-1933560_1280.jpg" alt="cute cat">

接著，在 CSS 中為這張圖片設置邊框，代碼如下：

p img {
border: 3px solid black;
border-radius: 10px;
}

解釋一下代碼。p img 表示選擇所有在 p 元素內部的圖片，也就是我們之前插入的那張貓咪圖片。border 屬性用來設置圖片的邊框，其中 3px 表示邊框的寬度，solid 表示邊框的樣式為實線，而 black 則表示邊框的顏色為黑色。border-radius 屬性用來設置邊框的圓角半徑，這里設置為 10px。 最后，我們刷新頁面，就可以看到貓咪圖片被加上了一個黑色邊框，并且邊框的圓角也被設置為了 10px。 總結一下，給 CSS 圖片設置邊框，我們需要使用 border 屬性，并可以設置邊框的寬度、樣式、顏色以及圓角半徑。這樣，圖片就能更好地融入頁面中了。