CSS中有很多方法可以設置一個元素為正圓，下面是幾種比較常用的方法。

/*方法1*/
.circle{
width:100px;
height:100px;
border-radius:50%;
}
/*方法2*/
.circle{
width:100px;
height:100px;
border-radius:50px/50px;
}
/*方法3*/
.circle{
width:100px;
height:100px;
border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
}

可以看到，上面三種方法都是使用了CSS3中的border-radius屬性來實現的，其中方法1和方法3使用了直接設置border-radius為50%，而方法2則使用了border-radius屬性的兩個值來設置。需要注意的是，方法3中使用了瀏覽器前綴來確保在不同瀏覽器中的兼容性。

另外，如果要設置一個非常小的元素為正圓，可以考慮使用 CSS3 的scale()函數來縮放元素，將寬高比設置為1:1，如下所示：

.circle{
width:10px;
height:10px;
border-radius:50%;
transform:scale(10);
}

上述代碼將一個10px的方形元素通過縮放變成了一個正圓。