CSS中空心圓怎么寫(xiě)

在CSS中，我們可以使用border-radius屬性來(lái)繪制一個(gè)空心圓，這個(gè)屬性可以將一個(gè)元素轉(zhuǎn)化為一個(gè)圓形，而只填充圓形的邊緣部分，從而形成一個(gè)空心圓。

下面是一個(gè)簡(jiǎn)單的示例代碼：

.circle {
  width: 100px;
  height: 100px;
  border: 2px solid #000;
  border-radius: 50%;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為.circle的類(lèi)，并將其應(yīng)用到一個(gè)HTML元素上，這個(gè)元素將成為一個(gè)寬度和高度都為100px的空心圓，邊緣顏色為黑色，border-radius屬性設(shè)置為50%，表示該元素將成為一個(gè)圓形。