CSS在設計網頁時有著廣泛的應用，其中圓形設計也是常見的一種。接下來，我們就來講一下CSS如何制作圓形。

/* 圓形的CSS樣式 */
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #ff0000;
}
/* 橢圓形的CSS樣式 */
.ellipse {
width: 150px;
height: 100px;
border-radius: 50%;
background-color: #00ff00;
}

以上代碼中，我們使用了border-radius屬性來制作圓形元素，它的值為50%，即元素的寬度和高度的一半。這樣設置之后，元素的外輪廓就變成了一個圓形。

如果我們想要制作橢圓形，可以將元素的寬度和高度設置為不同的值，也可以使用一個數字來表示border-radius，表示水平方向上的半徑和豎直方向上的半徑。

除此之外，我們還可以使用CSS3中的一些新屬性來實現更多形狀的制作，比如多邊形和扇形等。總之，在CSS中，我們有各種各樣的方法來實現我們想要的效果。