如何在CSS中制作小圓點

在CSS中制作小圓點可以通過使用偽元素來實現(xiàn)，偽元素是一種在元素內(nèi)容前后插入裝飾性內(nèi)容的方法，我們可以通過給元素添加偽元素，并設(shè)置其形狀為圓形，來制作出小圓點。

下面是一個簡單的示例代碼，展示了如何在CSS中制作小圓點：

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

在上面的代碼中，我們給元素添加了一個偽元素，并設(shè)置其形狀為圓形，背景顏色為黑色，為了讓偽元素在元素的中心位置，我們使用了position: absolute;和top: 50%; left: 50%;來定位偽元素。

這只是一個簡單的示例，你可以根據(jù)自己的需求來調(diào)整偽元素的樣式和位置，希望這個示例能夠幫助你在CSS中制作出漂亮的小圓點。