在CSS中畫圓弧使用的屬性是border-radius。Border-radius可以設置任意多個圓角半徑值，像這樣：

border-radius: 0 0 50% 50% / 0 0 100% 100%;

其中第一個斜杠“/”前面是水平方向半徑，后面是垂直方向半徑，我們只需要將垂直半徑設置成比水平半徑小的數值，就可以畫出圓弧了。

比如我們要畫一個半圓，代碼如下：

width: 100px;
height: 50px;
border-radius: 0 0 50px 50px / 0 0 100px 100px;

這里設置水平和垂直方向的半徑值不一樣，水平方向為50px，垂直方向為100px，則畫出來的就是一個半圓形了。

當然，你也可以指定不同的橫向和縱向的半徑值，這樣就可以畫出橢圓、扁圓等復雜形狀的圓弧。

width: 200px;
height: 75px;
border-radius: 50px 0 50px 0 / 150px 0 200px 0;

這里我們是指定了兩個不同的半徑值，且只畫了左半部分，所以畫出來的是一個扁圓形。