在網頁設計中，有時需要將一個正方形進行變換，使其顯示為圓形。這可以通過CSS實現，下面是相關的代碼：

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

以上代碼中，將div元素的寬和高都設為了100像素，產生一個正方形的效果。其中還加入了一個屬性——border-radius，它能將元素的邊角進行圓角處理，而50%的值表示將整個元素轉換為圓形。

如果想要將正方形變成橢圓形，只需改變border-radius的值即可。例如，將50%改為25%即可。

除此之外，還可以通過CSS3中的transform屬性實現更多的效果。比如，可以讓正方形旋轉一定角度，也可以讓它透明度逐漸變化。

.square {
width: 100px;
height: 100px;
border-radius: 50%;
transform: rotate(45deg);
opacity: 0.5;
}

以上代碼中，transform屬性用于旋轉元素，而rotate函數中的45deg表示旋轉45度，透明度逐漸變化則是通過opacity屬性控制的。

總之，使用CSS可以輕松地對正方形進行變換，讓你的網頁更加豐富多彩。