CSS畫實心圓的方法

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

其中，width和height設(shè)置圓的大小，border-radius設(shè)置圓的半徑為長寬的50%，background-color設(shè)置圓的顏色。

需要注意的是，當(dāng)長寬不相等時，border-radius設(shè)置的半徑會按照少的一邊為準(zhǔn)。

.unequal-circle {
width: 100px;
height: 50px;
border-radius: 25% 50%;
background-color: blue;
}

在這個例子中，border-radius設(shè)置了兩個值，分別為上下左右圓角的半徑和左下和右上圓角的半徑，因此可以畫出橢圓形。

以上就是使用CSS畫實心圓的方法，常見的應(yīng)用包括制作按鈕、圖標(biāo)和裝飾等。