CSS怎么畫弧形？下面我們將介紹兩種不同的方法。

方法一：使用css3的border-radius

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
}

使用border-radius將元素的四個角變成圓角，而50%的圓角則會生成一個圓形。我們可以通過調整寬高來改變半徑大小。

方法二：使用偽元素:before和:after

.half-circle {
width: 100px;
height: 50px;
position: relative;
}
.half-circle:before {
content: "";
width: 100px;
height: 100px;
border-radius: 50%;
background-color: teal;
position: absolute;
top: -50px;
left: 0;
}
.half-circle:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 50px 50px 50px;
border-color: transparent transparent teal transparent;
position: absolute;
top: 50px;
left: 0;
}

首先，我們需要定義一個半圓形的區域。接著，我們使用偽元素:before創建一個包含圓形的正方形。最后，使用偽元素:after創建一個三角形，讓它對半圓形區域進行覆蓋，從而形成半圓形。我們可以通過調整布局、顏色等來改變半圓形的樣式。