半圓形是一種比較特殊的形狀，它在網頁設計中的應用也非常廣泛。在CSS3中，我們可以使用border-radius屬性來制作半圓形。如果只設置一個值，則會將四個角都變成圓角；如果設置兩個值，則分別表示左上和右下角的圓角度數；如果設置三個值，則分別表示左上、左下和右下角的圓角度數；如果設置四個值，則分別表示左上、右上、右下和左下角的圓角度數。

.semi-circle {
width: 100px;
height: 50px;
border-radius: 50px 50px 0 0;
background-color: #e0e0e0;
}

上面的代碼就可以制作一個寬100像素，高50像素的半圓形。其中，border-radius屬性的前兩個值表示左上和右上角都是50像素的圓角，后兩個值則表示左下和右下角是直角。

如果我們將寬高相等，并去掉左上和右上角的圓角，就可以制作一個圓形了。

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #e0e0e0;
}

圓形的制作代碼非常簡單，只需要將border-radius屬性的值設置為50%即可。這里的50%表示相對于元素寬度的50%，也就是說，如果元素的寬度是100像素，那么圓形的半徑就是50像素。同理，如果元素的寬度是200像素，那么圓形的半徑就是100像素。