在CSS中，我們可以使用偽元素（pseudo-elements）來(lái)在元素內(nèi)容前添加裝飾性的圓點(diǎn)，偽元素允許我們?yōu)樵靥砑宇~外的樣式，這些樣式不會(huì)改變?cè)氐膶?shí)際內(nèi)容。

下面是一個(gè)簡(jiǎn)單的例子，展示了如何在元素前添加圓點(diǎn)：

<ul>
  <li>項(xiàng)目一</li>
  <li>項(xiàng)目二</li>
  <li>項(xiàng)目三</li>
</ul>

ul li:before {
  content: "? "; /* 在每個(gè)列表項(xiàng)前添加圓點(diǎn) */
  color: red; /* 更改圓點(diǎn)的顏色為紅色 */
  font-size: 20px; /* 更改圓點(diǎn)的大小為20像素 */
}

在這個(gè)例子中，ul li:before 選擇器選擇了每個(gè)列表項(xiàng)（li）元素，并在其前（before）添加了內(nèi)容。content: "? " 表示在每個(gè)列表項(xiàng)前添加了一個(gè)圓點(diǎn)。color: red; 和font-size: 20px; 則分別設(shè)置了圓點(diǎn)的顏色和大小。

通過(guò)這種方式，我們可以在不影響實(shí)際內(nèi)容的情況下，為元素添加一些裝飾性的元素，如圓點(diǎn)、引號(hào)等，使頁(yè)面看起來(lái)更加美觀。