在網頁設計中，一些優美的圖片是不可或缺的。有時，我們希望將這些圖片轉化為一個非傳統的形狀，比如圓形。這時候，CSS來了！

在CSS中，我們可以使用一些屬性來讓圖片變成圓形。其中最簡單的是

border-radius

屬性。

img {
border-radius: 50%;
}

通過在樣式表中為圖像指定一個50%的

border-radius

值，圖像將成為圓形。這是因為50%的圓角值會使邊框半徑等于圖像的寬度和高度的一半，從而形成一個完美的圓形。

如果你想在圖片周圍添加邊框，可以使用

border

屬性。

img {
border: 5px solid white;
border-radius: 50%;
}

通過添加邊框屬性，我們可以在圖片周圍創建一個白色邊框，在該邊框中使用

border-radius

屬性將其變成圓形。

最后，我們可以將圖像作為背景圖設置，也可以使用類似

clip-path

的屬性來裁剪圖像。這些方法需要一些額外的CSS知識，但它們也可以用于創建非常獨特的圖像形狀。

以上就是如何使用CSS將圖片變成圓形的方式。這項技術可能看起來簡單，但它可以為你的網站帶來獨特的視覺效果，使你的設計與眾不同。