如何使用 CSS 畫半圓

在 CSS 中，我們可以使用 `border-radius` 屬性來畫半圓。該屬性控制元素周圍的邊框半徑，將 `border-radius` 設置為 `50%` 時，元素周圍的所有邊將都是半圓形。

以下是一個簡單的示例，演示了如何使用 CSS 畫一個半圓形：

```html

<div style="border-radius: 50%; width: 100px; height: 100px; background-color: blue;">

半圓形內容

</div>

在這個示例中，我們使用了 `border-radius` 屬性來將元素的寬度和高度都設置為 100 像素，并在背景色中畫了一個半圓形。我們可以調整 `border-radius` 的值來控制半圓的大小和形狀。例如，如果我們想要一個更大的半圓形，可以將 `border-radius` 設置為 `90%`:

```html

<div style="border-radius: 90%; width: 100px; height: 100px; background-color: blue;">

更大的半圓形內容

</div>

```html

半圓形內容

</div>

總之，通過 CSS，我們可以輕松地用 `border-radius` 屬性來畫半圓形，并且我們可以自由地調整半圓的大小和形狀。