怎么用CSS寫出一個(gè)半圓

在CSS中，我們可以使用border-radius屬性來繪制一個(gè)半圓，以下是一個(gè)簡單的示例：

1、創(chuàng)建一個(gè)HTML元素，例如一個(gè)div：

<div id="half-circle"></div>

2、使用CSS來樣式化這個(gè)元素，使其成為一個(gè)半圓：

#half-circle {
  width: 100px;
  height: 50px;
  border-radius: 50px 0 0 50px;
  background-color: #333;
}

在這個(gè)示例中，我們設(shè)置div的寬度為100px，高度為50px，并使用border-radius屬性使其成為一個(gè)半圓，border-radius的四個(gè)值分別控制了四個(gè)角的圓角程度，其中50px表示圓角的大小，而0則表示直角，我們設(shè)置背景顏色為#333。

運(yùn)行這個(gè)示例，你將看到一個(gè)黑色的半圓，你可以根據(jù)需要調(diào)整寬度、高度和背景顏色等屬性來定制你的半圓。