在CSS中，有時會需要將正方形的背景調整為圓形，這樣可以讓網頁看起來更加美觀和協調。那么我們該如何實現呢？

border-radius:50%;

我們可以使用CSS3提供的屬性border-radius來實現這個效果。這個屬性可以用來設置一個元素的邊框圓角。它接收一個值，表示圓角的半徑，當這個值是50%時，就會自動將正方形變成一個圓形。

為了讓這個效果更加生動，我們可以結合其他屬性來使用。比如，我們可以為這個元素設置一個背景顏色，并給它添加邊框。代碼如下：

.square{
width:100px;
height:100px;
background-color:#ccc;
border:1px solid #999;
border-radius:50%;
}

以上代碼中，我們創建了一個名為square的類，它的寬度和高度都是100像素，背景顏色為灰色，邊框為1像素實線邊框。同時，這個元素的邊框圓角被設置為50%。

通過這樣的設置，我們可以讓一個正方形背景變圓，從而讓網頁看起來更加美觀。