上半圓用CSS怎么做？

在CSS中，我們可以使用border-radius屬性來繪制上半圓，這個(gè)屬性可以指定一個(gè)元素的四個(gè)角的半徑，如果我們只設(shè)置左上角和右上角的半徑，就可以得到上半圓的效果。

我們需要?jiǎng)?chuàng)建一個(gè)元素，比如一個(gè)div，然后給它一個(gè)類名或者id，在CSS中，我們可以使用border-radius屬性來設(shè)置這個(gè)元素的左上角和右上角的半徑。

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

在這個(gè)例子中，我們創(chuàng)建了一個(gè)類名為half-circle的div元素，它的寬度和高度都是100px，左上角和右上角的半徑是50px，底部是直線，背景顏色是#333。

這只是一個(gè)簡單的例子，你可以根據(jù)自己的需求來調(diào)整這個(gè)元素的樣式，你可以改變它的寬度、高度、顏色等等。

使用CSS來繪制上半圓是一個(gè)簡單而實(shí)用的技巧，你可以在很多場景中使用它來增強(qiáng)你的網(wǎng)頁的交互性和視覺效果。