在網頁設計中，很多時候我們會希望在某個標簽前面添加一個小圖標，以提高網頁的美觀性。這個小圖標通常是一個小圖形，如箭頭、符號等。那么如何在CSS中實現在標簽前加圖標呢？
首先，在CSS中，我們可以通過:before偽元素來實現在標簽前加圖標。具體的方法是在CSS中添加:before偽元素，并設置content屬性為一個空格或者其他字符，然后利用CSS的屬性來設置圖標的樣式。
舉個例子，如果我們想在帶有class為“icon”的p標簽前面添加一個箭頭圖標，可以這樣做：

.icon:before {
content: '\2192'; /*設置content為空格和箭頭符號的ASCII碼，也可以使用其他符號*/
font-size: 14px; /* 設置字體大小 */
margin-right: 5px; /* 設置距離文字的距離 */
}

這樣，我們就在“icon”類的p標簽前面添加了一個箭頭圖標。需要注意的是，在樣式設定中，我們可以修改font-size、顏色、間距等屬性以適應實際需要。
在實際應用中，我們可以利用這種方法來提高網頁的視覺效果，不僅可以使頁面變得更加美觀，還能提高用戶體驗。