半圓線是一種常見的界面設計效果，在網(wǎng)頁開發(fā)中也經(jīng)常使用。那么，如何使用 CSS 實現(xiàn)半圓線呢？

要實現(xiàn)半圓線，我們可以先通過 border-radius 來實現(xiàn)一個圓形，然后再使用 border-top 或 border-bottom 屬性來控制圓形的上部分或下部分，從而實現(xiàn)半圓線。

.half-circle {
width: 100px;
height: 50px;
border-radius: 50px 50px 0 0;
border-bottom: none;
background-color: #f00;
}

在上面的代碼中，我們先定義了一個寬度為 100px，高度為 50px 的元素，并使用 border-radius 定義了一個半徑為 50px 的圓形。然后，使用 border-bottom:none 將圓形的下邊框去掉，并設置了一個背景顏色。

這樣，我們就得到了一個向上的半圓線。如果要得到向下的半圓線，只需要將 border-top:none 即可。

總之，利用 border-radius 和 border-top/border-bottom，可以很方便地實現(xiàn)半圓線效果。