在CSS中，我們可以使用偽元素（pseudo-elements）來(lái)將點(diǎn)換成圖標(biāo)，偽元素允許我們?cè)谠氐膬?nèi)容前或后插入內(nèi)容，這可以用來(lái)裝飾或擴(kuò)展元素的功能。

下面是一個(gè)簡(jiǎn)單的例子，展示了如何將一個(gè)列表項(xiàng)中的點(diǎn)換成圖標(biāo)：

HTML:

<ul class="icon-list">
  <li>項(xiàng)目一</li>
  <li>項(xiàng)目二</li>
  <li>項(xiàng)目三</li>
</ul>

CSS:

ul.icon-list {
  list-style-type: none; /* 移除默認(rèn)的列表樣式 */
}
ul.icon-list li {
  position: relative; /* 相對(duì)于其***近的定位祖先（如果有的話(huà)）定位 */
}
ul.icon-list li:before {
  content: "?"; /* 在每個(gè)列表項(xiàng)前插入一個(gè)點(diǎn) */
  position: absolute; /* ***定位，相對(duì)于其***近的定位祖先（如果有的話(huà)）定位 */
  left: -10px; /* 將點(diǎn)移動(dòng)到列表項(xiàng)內(nèi)容的左側(cè) */
}

在這個(gè)例子中，我們使用了list-style-type: none;來(lái)移除默認(rèn)的列表樣式，然后使用偽元素li:before在每個(gè)列表項(xiàng)前插入一個(gè)點(diǎn)，并通過(guò)position: absolute;將其移動(dòng)到列表項(xiàng)內(nèi)容的左側(cè)。

這只是一個(gè)簡(jiǎn)單的例子，你可以根據(jù)自己的需求來(lái)定制更復(fù)雜的圖標(biāo)，你可以使用字體圖標(biāo)庫(kù)（如Font Awesome或Glyphicons）來(lái)替換點(diǎn)，或者使用SVG或PNG圖像作為圖標(biāo)，這些方法都可以讓你在CSS中輕松地將點(diǎn)換成圖標(biāo)。