CSS可以實(shí)現(xiàn)很多有趣的效果，比如可以制作出一個(gè)半圓，下面我們就來(lái)講一下怎樣用CSS制作半圓。

.half-circle{
border-radius: 100px 100px 0 0;
width: 200px;
height: 100px;
background-color: #f00;
}

通過(guò)上面的CSS代碼，我們就創(chuàng)建了一個(gè)半圓形的紅色背景色塊，并將其嵌入到HTML文件中。

上面的代碼中，首先要指定邊框半徑，讓圓弧部分形成半個(gè)圓形，所以border-radius中的前兩個(gè)參數(shù)設(shè)置為100px表示左上角和右上角都是100像素的半徑，而后面兩個(gè)參數(shù)設(shè)置為0，則表示左下角和右下角都是直角。

接著指定了寬度和高度，width表示寬度是200像素，而height表示高度是寬度的一半，也就是100像素，這樣就形成了一個(gè)半圓形。

最后，我們指定了背景色為紅色，這樣半圓就呈現(xiàn)出了紅色。

這樣，我們就成功地用CSS制作出了一個(gè)半圓形，如果你想要制作其他任何形狀或圖案，CSS也是非常強(qiáng)大的。