如何使用 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` 属性来画半圆形，并且我们可以自由地调整半圆的大小和形状。