CSS中可以使用border-radius屬性來(lái)定義一個(gè)元素的圓角，包括半圓。

/* 圓形 */
.round {
width: 100px;
height: 100px;
border-radius: 50%;
}
/* 半圓 */
.half-circle {
width: 100px;
height: 50px;
border-top-left-radius: 50px 50px;
border-top-right-radius: 50px 50px;
}

上面的代碼中，.round元素是一個(gè)圓形，可以通過(guò)將寬度和高度設(shè)置為相同的值，border-radius設(shè)置為50%來(lái)實(shí)現(xiàn)。

對(duì)于半圓，我們可以定義一個(gè)寬度和高度不同的元素，并使用border-top-left-radius和border-top-right-radius屬性來(lái)實(shí)現(xiàn)。這兩個(gè)屬性需要傳遞兩個(gè)值，第一個(gè)值表示橢圓的水平半徑，第二個(gè)值表示垂直半徑。由于我們要實(shí)現(xiàn)半圓，所以兩個(gè)值應(yīng)該相等。

半圓的樣子看起來(lái)有些奇怪，但是我們可以用transform屬性的rotate函數(shù)來(lái)將它旋轉(zhuǎn)90度，讓它變成一個(gè)具有良好外觀的半圓。

.half-circle {
width: 100px;
height: 50px;
border-top-left-radius: 50px 50px;
border-top-right-radius: 50px 50px;
transform: rotate(90deg);
}

以上代碼實(shí)現(xiàn)了一個(gè)半圓，并將其旋轉(zhuǎn)90度。