CSS中繪制實心圓的方法

在CSS中繪制實心圓，我們可以使用border-radius屬性將元素轉(zhuǎn)換為圓形，并利用background-color屬性填充圓形內(nèi)部，從而實現(xiàn)實心圓的效果。

我們需要創(chuàng)建一個HTML元素，例如一個div元素，在CSS中設(shè)置該元素的寬度和高度，使其成為一個正方形，我們使用border-radius屬性將該正方形轉(zhuǎn)換為圓形，利用background-color屬性填充圓形內(nèi)部，使其成為一個實心圓。

以下是實現(xiàn)CSS實心圓的示例代碼：

HTML代碼：

<div class="circle"></div>

CSS代碼：

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

在上面的代碼中，我們創(chuàng)建了一個div元素，并設(shè)置其寬度和高度為100像素，使用border-radius屬性將其轉(zhuǎn)換為圓形，并設(shè)置背景顏色為紅色。

運行上述代碼后，你將看到一個紅色的實心圓，你可以根據(jù)需要調(diào)整寬度、高度和背景顏色等屬性，以繪制不同大小和顏色的實心圓。