如何用CSS畫(huà)圓點(diǎn)

在CSS中，我們可以使用多種方法繪制圓點(diǎn)，以下是其中兩種常見(jiàn)的方法：

方法1：使用CSS的border-radius屬性

我們可以將一個(gè)元素的邊框半徑設(shè)置為50%或更大，以形成一個(gè)圓形，我們可以將元素的背景色設(shè)置為透明，并將邊框顏色設(shè)置為所需的圓點(diǎn)顏色。

.circle-dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: transparent;
  border-color: #000;
}

方法2：使用CSS的clip-path屬性

我們可以使用clip-path屬性來(lái)繪制一個(gè)圓形，并將其填充為所需的圓點(diǎn)顏色。

.circle-dot {
  width: 20px;
  height: 20px;
  clip-path: circle(50%);
  background-color: #000;
}

無(wú)論哪種方法，我們都可以輕松地在HTML元素上繪制出圓點(diǎn)，只需選擇適合您的方法即可。