在 CSS 中繪制半圓形是一種常見的需求，特別是在制作餅圖、進度條等時。

在 CSS 中，可以通過設置元素的border-radius屬性來繪制圓形或半圓形。要繪制半圓形，需要同時設置border-radius和border-right或border-left屬性。

// 繪制一個左半圓形
.half-circle {
width: 100px;
height: 50px;
border-radius: 50px 0 0 50px;
border-left: 50px solid #f00;
}

上面的代碼中，border-radius屬性的四個值分別表示元素左上角、右上角、右下角、左下角的圓角半徑，因為我們只需要繪制一個左半圓形，所以只需要設置左上角和左下角的圓角半徑即可。

接下來，我們為元素設置一個左邊框，通過設置border-left屬性來控制邊框的寬度和樣式。

同樣的方法，如果需要繪制右半圓形，可以使用border-radius和border-right屬性來實現。

// 繪制一個右半圓形
.half-circle {
width: 100px;
height: 50px;
border-radius: 0 50px 50px 0;
border-right: 50px solid #f00;
}

我們只需要將border-radius屬性的四個值的順序逆時針旋轉 90 度，就可以實現繪制右半圓形的效果。

通過這種方法，可以在 CSS 中實現簡單的半圓形繪制，可以根據需求自行調整元素的大小、邊框寬度和顏色等屬性，實現更多變化的半圓形效果。