在CSS中制作形狀十分有趣，今天我們來(lái)討論如何用CSS將一個(gè)正方形變成一個(gè)圓形。

首先，我們需要?jiǎng)?chuàng)建一個(gè)正方形的CSS代碼：

.square {
width: 200px;
height: 200px;
background-color: #4CAF50;
}

現(xiàn)在我們要將這個(gè)正方形變成一個(gè)圓形，為了達(dá)到這個(gè)效果，我們可以使用border-radius屬性：

.circle {
width: 200px;
height: 200px;
background-color: #4CAF50;
border-radius: 50%;
}

在上述代碼中，我們?cè)黾恿薭order-radius屬性，并將值設(shè)為50%。這會(huì)把頂點(diǎn)與中心點(diǎn)之間的距離轉(zhuǎn)換成一個(gè)半圓的弧形，然后我們將半圓的兩個(gè)弧形點(diǎn)連接起來(lái)，得到一個(gè)圓形。

還有一種方法也可以將正方形變成圓形，那就是使用CSS變換屬性：

.circle {
width: 200px;
height: 200px;
background-color: #4CAF50;
transform: rotate(45deg);
}

在上述代碼中，我們使用了transform屬性，并將值設(shè)為rotate(45deg)。這會(huì)將正方形旋轉(zhuǎn)45度，從而得到一個(gè)圓形。

總之，以上兩種方法都可以將正方形轉(zhuǎn)換成圓形，取決于你的個(gè)人喜好和需要。使用border-radius屬性可以更加簡(jiǎn)單，但是使用CSS變換屬性可以獲得更加細(xì)致的控制效果。