今天我們來講一下如何給列表加圖標。在CSS中，我們可以使用偽元素來給列表項添加圖標。以下是具體步驟： 首先，我們需要在列表樣式中添加偽元素 "::before" 或 "::after"。這個偽元素代表我們要在列表項前面或后面添加內容。在這個偽元素中，我們需要指定要添加的內容和樣式。 例如，如果我們要在列表項前面添加一個圓點圖標，我們可以使用以下CSS代碼： pre { font-size: 14px; font-family: Arial; background-color: #f5f5f5; padding: 10px; display: block; } li::before { content: "?"; margin-right: 10px; color: red; } 在這個例子中，我們用 ::before 偽元素在每個列表項前面添加了一個圓點符號。我們使用 content 屬性來指定要添加的內容，margin-right 屬性來為這個符號添加一些間距，color 屬性來設定顏色。注意，使用 ::before 元素添加的內容是在文本空間之前的，在第一行的最左邊，如果在偽元素前要添加一個或多個空格, 那么在這里面添加。 以上是給列表項前面添加圖標的基本原理，實際上還可以給列表項后面添加圖標，或者使用其他圖片替換圓點符號等等。如果想探索更多的列表圖標樣式，可以查看 CSS 框架或者使用搜索引擎。 總之，通過使用 ::before 和 ::after 等偽元素，我們可以在列表項前后添加多種樣式豐富的圖標，讓我們的頁面更加美觀和有趣。