在設計網頁時，使用圖片是不可避免的。然而，有時候我們會需要將圖片的周圍設置成圓角形狀以更加美觀。CSS提供了簡單而有效的方法實現此效果。

要設置圖片周圍的圓角，我們需要在CSS代碼中使用border-radius屬性。這個屬性是一個用于設置邊框圓角的快捷屬性。它可以設置一個或者四個值，分別對應四個圓角的半徑大小。

img {
border-radius: 50%;
}

以上代碼會將圖片的周圍設置成完全圓形。如果我們想要設置成矩形加圓角的形狀，則可以設置border-radius的四個值，比如(left-top, right-top, right-bottom, left-bottom)。

img {
border-radius: 10px 20px 30px 40px;
}

以上代碼會將左上角圓角半徑設置為10px，右上角設置為20px，右下角設置為30px，左下角設置為40px。

此外，我們還可以結合box-shadow屬性來為圖片添加陰影效果，以使其更加立體。在下面的代碼中，我們將向圖片周圍添加黑色10px陰影，并將圓角半徑設置為10px：

img {
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

以上代碼中，box-shadow屬性中的四個值分別對應了x-offset、y-offset、blur-radius、和顏色值。此處的意思是陰影沿x和y軸偏移0像素，模糊半徑為10像素，顏色為深灰色。

總之，通過使用border-radius和box-shadow屬性，我們可以為圖片添加更多樣的視覺效果，使其在網頁設計中具有更加出色的表現。