在網頁設計中，圖片占據了重要的地位，為了讓網頁更具美感，我們經常需要將圖片的角變得圓潤。CSS可以輕松地實現這一點，下面我們來詳細了解一下。

CSS的border-radius屬性可以實現圓角效果，其基本語法如下：

border-radius: 【半徑值】;

其中，半徑值可以是單個值，也可以是四個值，分別表示左上角、右上角、右下角、左下角的半徑。如果只有兩個值，則第一個值表示左上角和右下角的半徑，第二個值表示右上角和左下角的半徑。使用百分比單位也是可行的，表示相對于元素本身寬度的百分比值。

下面是一個例子：

img{
border-radius: 50%;
}

這個例子使用了50%的半徑值，也就是將圖片的四個角都變成了圓形。如果只想讓圖片的某一個角變圓，可以按照以下方式：

img{
border-radius: 0 0 50% 0;
}

它的意思是將圖片的左下角橫向半徑設為50%。這里利用了border-radius屬性值的“4參數法”，分別代表左上角、右上角、右下角、左下角四個方位，依次對應的是圖片的左上、右上、右下、左下四個角。

除了使用border-radius屬性，還可以使用CSS的clip-path屬性進行圖片圓角處理。clip-path屬性可以制定各種形狀的裁剪路徑，其中就包括兩種常見的圓形路徑：circle()和ellipse()。

以下是一個使用clip-path實現圖片圓形的例子：

img{
clip-path: circle(50%);
}

最后需要注意的是：低版本的Internet Explorer瀏覽器可能不支持border-radius和clip-path屬性，需要使用其他方法實現圖片圓角，例如利用Photoshop將圖片處理成圓形，或者使用JavaScript對圖片進行裁剪等。