CSS是网页设计中必不可少的一部分，其中一个很常见的应用就是把矩形改成圆形。下面我们来一步一步地学习如何使用CSS来实现这个效果。

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

<div ></div>

接着，在CSS中为这个元素进行样式设置，首先要调整元素的宽度和高度，并将它的边框颜色设置为透明，同时设置圆角的弧度值：

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

在上述代码中，border-radius属性可以取到50%，这意味着矩形会被完全地转换成圆形。如果你需要把矩形变成半圆或者更具弧度的形状，那么就需要调整这个属性的值。

最后，你可以对这个圆形元素进行其他样式的设置，例如背景颜色、字体颜色和字体大小等等，以达到你想要的效果。

总之，CSS可以轻易地把矩形元素变成圆形，很简单吧！