在web設計過程中，展示圖片是非常重要的。但是有時候我們需要對圖片進行一定的處理，比如：設置圖片的圓角為半圓形或圓形。這時候就需要使用 css 來實現了。

/* 設置圖片的圓角 */
img{
border-radius:50%;
}

如上代碼就是一個簡單的設置圖片圓角的例子。其中， border-radius 屬性就是用來設置圖片圓角大小的。 它的值可以是長度值或百分數，也可以是空值，如果是空值，則表示沒有圓角。當然，這個屬性也可以指定上下左右4個方向的圓角大小。

/* 設置圖片的四個方向圓角大小 */
img{
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 40px;
}

在上述代碼中，我們通過給不同的border-radius 屬性設置不同的像素值，實現了圖片四個角的圓角大小不同的效果。

除此之外，在 css 中還提供了一些特殊的形狀屬性來設置圖片的形狀，比如設置圖片為橢圓形。 這里我們舉一個例子：

/* 設置圖片為橢圓形 */
img{
border-radius:50%/100%;
}

默認情況下，border-radius 值等于 border-radius: 50%/50%。這表示當圓角參數為50%時，會按照等比例改變圓角的大小，從而產生一個圓形的效果。而當我們把橢圓形的長軸與圓形邊界對齊時，border-radius 的分母值設置為100%。這樣，border-radius: 50%/100% 就能實現圖片橢圓形的效果。

以上就是 css 設置圖片圓角的簡單介紹，希望對大家有所幫助。