在網頁設計中，使用圖片邊框可以使頁面更加美觀，同時也有利于突出圖片。下面我們來了解一下如何用CSS制作圖片邊框。

/*設置圖片的邊框*/
img{
border: 5px solid #ccc;
}

以上代碼中，我們使用了border屬性來設置圖片邊框的樣式。其中5px是邊框寬度，solid表示邊框樣式為實線，#ccc是邊框的顏色。

除此之外，我們還可以使用其他的屬性來制作不同風格的圖片邊框。比如，我們可以使用border-radius屬性來制作圓角邊框：

/*設置圓角邊框*/
img{
border: 5px solid #ccc;
border-radius: 10px;
}

以上代碼中，我們使用了border-radius屬性來設置圖片邊框的圓角半徑，10px即為圓角半徑的大小。

除此之外，我們還可以使用box-shadow屬性來制作立體邊框：

/*設置立體邊框*/
img{
border: none;
box-shadow: 0px 0px 10px 5px #ccc;
}

以上代碼中，我們使用了box-shadow屬性來設置圖片邊框的陰影效果。其中，0px和0px是水平和垂直偏移量，10px是陰影的模糊半徑，5px是陰影的擴散半徑，#ccc是陰影的顏色。

通過以上示例，相信大家已經掌握了如何用CSS制作圖片邊框。在實際開發中，我們可以根據需要靈活運用各種屬性，創作出更加炫酷的圖片邊框效果。