CSS圓點(diǎn)加入方法

在CSS中，我們可以使用多種方法加入圓點(diǎn)，***簡單的方法是使用CSS的list-style-type屬性，該屬性可以指定列表項(xiàng)標(biāo)記的類型，包括圓點(diǎn)。

我們可以創(chuàng)建一個(gè)無序列表，并使用list-style-type屬性將列表項(xiàng)標(biāo)記設(shè)置為圓點(diǎn)：

<ul style="list-style-type: circle;">
  <li>列表項(xiàng)1</li>
  <li>列表項(xiàng)2</li>
  <li>列表項(xiàng)3</li>
</ul>

在上面的代碼中，<ul>標(biāo)簽表示創(chuàng)建一個(gè)無序列表，style屬性用于指定列表項(xiàng)的樣式。list-style-type: circle;表示將列表項(xiàng)標(biāo)記設(shè)置為圓點(diǎn)。

我們還可以使用CSS的content屬性和::before偽元素來加入圓點(diǎn)，這種方法可以實(shí)現(xiàn)更靈活的圓點(diǎn)樣式，并且可以在不同元素中應(yīng)用。

我們可以使用以下代碼在段落前加入一個(gè)圓點(diǎn)：

<p style="position: relative; display: inline-block;">
  段落內(nèi)容
</p>

在上面的代碼中，position: relative;表示將段落相對于其正常位置進(jìn)行定位，display: inline-block;表示將段落作為內(nèi)聯(lián)塊元素顯示，我們可以使用::before偽元素在段落前加入一個(gè)圓點(diǎn)：

p::before {
  content: "?";
  position: absolute;
  left: -10px;
}

在上面的代碼中，content: "?";表示在段落前加入一個(gè)圓點(diǎn)字符，position: absolute;表示將圓點(diǎn)相對于其***近的定位祖先元素進(jìn)行定位，left: -10px;表示將圓點(diǎn)向左移動10像素，以便與段落內(nèi)容對齊。

無論哪種方法，都可以實(shí)現(xiàn)CSS中的圓點(diǎn)加入，您可以根據(jù)自己的需求選擇***適合的方法。