CSS中實現(xiàn)實心圓點的方法

在CSS中，我們可以使用多種方法來實現(xiàn)實心圓點，以下是一些常見的方法：

1、使用邊框?qū)傩裕?/p>

我們可以將一個元素的邊框設(shè)置為圓形，并設(shè)置其顏色為黑色，從而實現(xiàn)實心圓點的效果。

.circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid black;
}

2、使用背景色：

我們可以將一個元素的背景色設(shè)置為黑色，并設(shè)置其形狀為圓形，從而實現(xiàn)實心圓點的效果。

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

3、使用偽元素：

我們可以使用偽元素來創(chuàng)建一個圓形的實心點。

.circle {
  position: relative;
}
.circle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: black;
}

三種方法都可以實現(xiàn)實心圓點的效果，具體使用哪種方法可以根據(jù)實際需求進行選擇。