CSS中圓形是網頁設計中常用的形狀之一。在CSS中，我們可以通過border-radius屬性來實現圓形的效果。該屬性的值設置為50%時，可以將正方形變為圓形，如下所示：

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

上述代碼中，我們創建了一個寬高均為100px的正方形，并將border-radius屬性的值設置為50%。這樣，就可以將正方形變為圓形。

除了通過border-radius屬性來創建圓形外，我們還可以使用偽元素::before和::after來實現。代碼如下：

.circle {
position: relative;
width: 100px;
height: 100px;
}
.circle::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
}

上述代碼中，我們首先創建了一個寬高均為100px的容器，然后利用偽元素::before在其中創建一個寬高均為100%的圓形。通過設置position屬性來讓偽元素覆蓋在原容器上，從而實現圓形效果。

總之，在設計網頁中，圓形是一個非常常用的形狀，我們可以輕松地通過CSS來創建圓形，從而使頁面更加美觀、舒適。希望本文對你有所幫助。