CSS偽元素可以為網站添加美觀的圖標，而無需為每個圖標創建獨立的圖像文件或使用圖標字體庫。這種技術非常實用，因為它不僅可以提高網站的加載速度，而且可以為網站增加很多強大的功能和視覺效果。

要創建CSS偽元素實用圖標，您只需使用:before 或 :after偽元素并添加相關CSS樣式代碼。 這些偽元素可以通過CSS選擇器來定義，且可以為它們的content屬性分配自定義的HTML實體編碼。以下是一個使用偽元素來創建箭頭圖標的示例：

.arrow:before {
content: "\2190";
color: #888;
font-size: 14px;
margin-right: 5px;
}

首先，我們使用:before偽元素來創建箭頭，然后在content屬性中使用 Unicode 編碼為"\2190"的左箭頭。接下來，我們設置箭頭的顏色為 #888，并使用font-size屬性將其大小設置為 14 像素。最后，我們使用margin-right屬性為箭頭設置右側外邊距，以便在箭頭和其他內容之間留出一些空間。

使用CSS偽元素實用圖標可以添加大量炫目的效果和功能，但不應濫用。在使用偽元素圖標時，請確保它們與您的網站設計風格一致，并且不會使界面混亂或難以讀取。此外，如果您需要為網站的可訪問性添加描述性文字，并使用aria-label或aria-describedby屬性來描述偽元素圖標。