CSS 可以讓我們輕松地在文本前面加上圖標，這樣可以讓頁面更具有吸引力和品質感。下面是一些簡單的示范，以便你開始使用這種技術。 首先，我們需要使用 CSS 的“content”屬性來添加圖標。這個屬性允許我們將內容生成為一個偽元素，從而在 HTML 結構內部添加一些可視元素。 下面是一個示范代碼： pre { background-color: #f2f2f2; padding: 10px; } p:before { content: url(/images/icon.png); margin-right: 10px; } 這段代碼的作用是為 p 元素添加一個 icon.png 圖標，它將位于文字的左側。我們使用偽元素選擇器“:before”來實現這一點，所以我們需要將“content”屬性設置為圖標的 URL 地址。 接下來，我們可以對這個圖標使用一些樣式，例如對其進行空隙處理。在上面的示范中，我們在“content”屬性后面添加了“margin-right”屬性，這樣可以在圖標后面加上一些間距，使其與文本分離。 我們還可以添加其他的樣式來修飾這個文字和圖標的組合，例如背景顏色、文字大小、字體、顏色等等。在上面的示范中，我們添加了一個包含灰色背景和 10px 的內邊距的“pre”標簽，以使示范更易讀。 總之，使用 CSS 為文本添加圖標是一個簡單而強大的技術，可以為你的頁面添加一些趣味性和獨特性。如果你還沒有嘗試過這種方法，現在就是開始的好時機了！