CSS是網頁設計中必不可少的一部分，它可以讓我們控制頁面上的不同元素的樣式。今天我們來學習如何使用CSS將圖片變成圓形。

img {
border-radius: 50%;
}

以上代碼將會讓你的圖片變成一個圓形。border-radius是CSS屬性，它可以讓我們控制元素的圓角大小，50%的值將會把一個方形圖像變成一個圓形。

如果你想要控制圓形圖片的大小，你可以在img標簽中添加一個寬度和高度的CSS屬性。如下：

img {
border-radius: 50%;
width: 200px;
height: 200px;
}

以上代碼將會讓你的圖片變成一個半徑為100像素的大圓形圖片。你可以改變寬度和高度的值來改變圓形圖片的大小。

總的來說，將圖片變成圓形是非常簡單的，只需要一行代碼就可以完成。border-radius屬性的百分比值是控制圓形大小的關鍵。同時，你也可以通過添加寬度和高度來控制圓形圖片的大小。讓我們開始制作你的第一個圓形圖片吧！