CSS半圓是網頁設計中常用的一種效果，可以讓網頁看起來更加美觀。以下是使用CSS如何實現半圓：

.circle {
width: 100px; /* 寬度 */
height: 50px; /* 高度 */
border-radius: 100% 100% 0 0; /* 邊框半徑 */
background-color: #f00; /* 背景顏色 */
}

通過以上代碼，可以創建一個寬度為100像素，高度為50像素的半圓，顏色為紅色。

需要注意的是，border-radius的四個參數分別代表左上角、右上角、右下角、左下角的圓角半徑，其中前兩個為水平半徑，后兩個為垂直半徑。這里只設置了水平方向的半徑，使其為100%即可。

.circle {
width: 100px;
height: 50px;
border-radius: 100%;
background-color: #f00;
transform: translateY(50%); /* 上下居中 */
}

上述代碼中，增加了transform屬性，利用translateY函數垂直移動半圓的位置，使其垂直方向上居中，顯示更加美觀。

通過以上方法，可以輕松地實現CSS半圓效果，可以根據具體需要進行調整，制作出更加美觀的網頁設計。