CSS控制圖片變圓的方法

img {
border-radius: 50%;
}

在Web開發(fā)中，圓形圖片是一個(gè)常見的需求，可以用于頭像、圖標(biāo)等場合。而CSS提供了一種簡單的實(shí)現(xiàn)方法，就是使用border-radius屬性。

border-radius屬性用于設(shè)置元素的圓角，其參數(shù)可以是一個(gè)長度值（如px、em等）、百分比或關(guān)鍵字（如50%）。當(dāng)設(shè)置為50%時(shí)，元素即可呈現(xiàn)為圓形。因此，在控制圖片圓角時(shí)，只需要將border-radius屬性應(yīng)用于img標(biāo)簽即可。