在CSS中，我們可以使用::before或::after偽元素來添加藍點，以下是一個簡單的示例：

<div class="blue-dot"></div>

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

在這個示例中，我們首先在HTML中創(chuàng)建一個帶有blue-dot類的div元素，在CSS中，我們使用::before偽元素來創(chuàng)建一個藍色的圓點，我們將這個圓點的位置設(shè)置為***位置，使其與div元素的左上角對齊，圓點的寬度和高度都設(shè)置為10像素，背景顏色為藍色，并且使用border-radius屬性將其設(shè)置為圓形。

這樣，我們就可以在網(wǎng)頁上看到一個帶有藍色圓點的元素了，您可以根據(jù)需要調(diào)整圓點的大小、顏色和位置，這種方法不僅可以用于添加藍點，還可以用于添加其他顏色的點或裝飾元素。