如何使用 CSS 画半圆
在 CSS 中,我们可以使用 `border-radius` 属性来画半圆。该属性控制元素周围的边框半径,将 `border-radius` 设置为 `50%` 时,元素周围的所有边将都是半圆形。
以下是一个简单的示例,演示了如何使用 CSS 画一个半圆形:
```html
半圆形内容
在这个示例中,我们使用了 `border-radius` 属性来将元素的宽度和高度都设置为 100 像素,并在背景色中画了一个半圆形。我们可以调整 `border-radius` 的值来控制半圆的大小和形状。例如,如果我们想要一个更大的半圆形,可以将 `border-radius` 设置为 `90%`:
```html
更大的半圆形内容
```html
半圆形内容