CSS可以很方便地讓圖片變成圓形。下面介紹兩種方法。

方法一：
img {
border-radius: 50%;
}
方法二：
img {
border-radius: 50%;
clip-path: circle(50% at center);
}

第一種方法是通過border-radius屬性來實現的。這個屬性的值設置為50%時，就能讓圖片顯示為圓形。可以這樣理解，50%表示圖片的中心點位于圖片寬高的一半處（即圖片中心點坐標為（50% 50%）），而邊角處的弧度就被平滑成了圓形。

第二種方法是通過clip-path屬性來實現的。這個屬性可以裁剪元素的可見部分，并且支持圓形、橢圓形等不同形狀。在這里，我們將其設置為圓形，其值為circle(50% at center)，其中50%表示圓形的半徑為圖片寬高的一半，at center表示圓心位于圖片中心。