CSS是網頁設計中必不可少的一部分，其中一個很常見的應用就是把矩形改成圓形。下面我們來一步一步地學習如何使用CSS來實現這個效果。

首先，在HTML中創建一個普通的矩形元素：

<div class="rectangle"></div>

接著，在CSS中為這個元素進行樣式設置，首先要調整元素的寬度和高度，并將它的邊框顏色設置為透明，同時設置圓角的弧度值：

.rectangle {
width: 200px;
height: 100px;
border: 1px solid transparent;
border-radius: 50%;
}

在上述代碼中，border-radius屬性可以取到50%，這意味著矩形會被完全地轉換成圓形。如果你需要把矩形變成半圓或者更具弧度的形狀，那么就需要調整這個屬性的值。

最后，你可以對這個圓形元素進行其他樣式的設置，例如背景顏色、字體顏色和字體大小等等，以達到你想要的效果。

總之，CSS可以輕易地把矩形元素變成圓形，很簡單吧！