前端開發(fā)中，常常需要將圖片插入到網(wǎng)頁中美化頁面。但是有時候我們發(fā)現(xiàn)，即使設(shè)置了邊框，圖片的邊框還是不顯示。下面我來介紹一下CSS中如何讓圖片有邊框。

img {
border: 1px solid #ccc; // 設(shè)置1px的實線邊框，顏色為灰色
}

通過上面的代碼，我們可以給圖片設(shè)置邊框。其中border是邊框的樣式屬性，其后的1px表示邊框?qū)挾龋瑂olid表示實線，#ccc是邊框的顏色。

當(dāng)然，如果我們想讓邊框更加漂亮，我們還可以調(diào)整其他的樣式屬性，如border-radius用于添加圓角，box-shadow用于添加陰影等。

img {
border: 2px solid #e5e5e5;
border-radius: 10px;
box-shadow: 0 0 8px #999;
}

通過上面的代碼，我們可以看到圖片的邊框變得更加美觀了。border-radius用于將邊框的角變?yōu)閳A角，box-shadow用于添加陰影，其中第一個參數(shù)為水平偏移量，第二個參數(shù)為垂直偏移量，第三個參數(shù)為陰影模糊程度，第四個參數(shù)為陰影顏色。

總之，通過CSS，我們可以輕松地讓圖片有邊框，不僅增強(qiáng)了美觀度，也更加符合網(wǎng)站的整體風(fēng)格。