CSS可以輕松地將圖片修改為一個(gè)正圓形。在這篇文章中，我們將了解不同的方法來實(shí)現(xiàn)這個(gè)效果。

img {
border-radius: 50%;
}

上面的代碼使用了border-radius屬性，并將值設(shè)置為50%，意味著將圓角半徑設(shè)置為元素本身寬度的50%。因此，將圓角半徑設(shè)置為50%時(shí)，可以使圖片呈圓形。

此外，我們還可以在CSS中使用偽元素，應(yīng)用一個(gè)圓形蒙版來實(shí)現(xiàn)相同的效果。

img {
position: relative;
}
img:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
background: rgba(0,0,0,0); /* needs a background in order to display properly */
}

上面的代碼使用了:before偽元素，其將無內(nèi)容的元素添加到img的前面。這個(gè)新元素具有寬度和高度為100%的絕對(duì)位置，并添加了一個(gè)border-radius值為50%的圓角。最后，通過設(shè)置背景顏色為rgba（0,0,0,0）來使其透明顯示，從而讓這個(gè)圓形蒙版隱藏起來。

總的來說，以上兩種方法都可以輕松地將圖片修改為一個(gè)正圓形，視情況選擇方法即可。