在 CSS 中，我們可以用各種方法來改變我們的元素的形狀。一個很常見的需求是將一個方形圖轉換成一個圓形。在這里，我們將會學習兩種將方形圖變成圓形的 CSS 方法。

第一種方法是使用 border-radius 屬性。這個屬性可以讓我們指定一個元素的圓角半徑。如果我們將圓角半徑設置成元素寬度或高度的一半，那么這個元素就變成了一個圓形。

.square {
width: 100px;
height: 100px;
background-color: red;
border-radius: 50%;
}

第二種方法是將元素的寬高設置成相等的，并且使用 border-radius 屬性將元素的圓角半徑設置為 50%。這樣也可以得到一個圓形的效果。

.square {
width: 100px;
height: 100px;
background-color: red;
border-radius: 50%;
}

不管使用哪種方法，我們都可以將一個方形圖變成一個圓形。根據你的需求和實際情況，選取合適的方法即可。