CSS 是網頁設計中重要的一部分，而半圓弧度也是 CSS 設計中常用的一種樣式。在 CSS 中，我們可以使用 border-radius 屬性來實現半圓弧度的效果。

.half-circle {
width: 100px;
height: 50px;
border-top-left-radius: 50px 50px;
border-top-right-radius: 50px 50px;
background-color: #ccc;
}

在上面的代碼中，我們創建了一個名為 half-circle 的樣式，寬度為 100 像素，高度為 50 像素。通過設置 border-top-left-radius 和 border-top-right-radius 屬性分別為 50 像素和 50 像素，我們創建了一個半圓弧度的效果。我們還設置了一個背景顏色為 #ccc。

需要注意的是，在使用 border-radius 屬性時，我們可以通過 1 個到 4 個值來設置邊框的弧度。例如，border-radius: 10px; 會將所有四個角都設置為 10 像素的弧度，而 border-radius: 10px 20px; 則會將左上和右下角設置為 10 像素的弧度，右上和左下角設置為 20 像素的弧度。

除了通過 border-radius 屬性設置半圓形樣式，我們還可以通過 border-left-radius 和 border-right-radius 屬性來創建只有左側或右側為半圓形的效果。例如：

.left-half-circle {
width: 50px;
height: 100px;
border-top-left-radius: 50px 100px;
border-bottom-left-radius: 50px 100px;
background-color: #ccc;
}
.right-half-circle {
width: 50px;
height: 100px;
border-top-right-radius: 50px 100px;
border-bottom-right-radius: 50px 100px;
background-color: #ccc;
}

通過設置 border-top-left-radius 和 border-bottom-left-radius 來創建左側的半圓形效果，或者通過設置 border-top-right-radius 和 border-bottom-right-radius 來創建右側的半圓形效果，我們可以實現更加多樣的半圓形樣式。

總之，使用 CSS 的 border-radius 屬性可以輕松地實現半圓形以及其他弧度的樣式效果，讓網頁設計更加豐富多彩。