CSS可以很方便地修改圖標的顏色，使其與頁面的設(shè)計風(fēng)格保持一致。在CSS中，我們可以使用偽元素和內(nèi)容屬性（::before和::after）來呈現(xiàn)圖標。 使用偽元素來設(shè)置圖標的顏色非常簡單。我們首先定義偽元素，并將其樣式設(shè)置為"display:inline-block"和"content:"\u2605"" 。 ``` .icon::before { display: inline-block; content: "\u2605"; } ``` 接下來，我們可以使用“color”屬性來設(shè)置該圖標的顏色。例如，我們可以將其設(shè)置為紅色： ``` .icon::before { display: inline-block; content: "\u2605"; color: red; } ``` 當(dāng)前圖標的文字大小比較小，默認情況下可能看起來比較小。我們可以使用“font-size”屬性來設(shè)置圖標的大?。? ``` .icon::before { display: inline-block; content: "\u2605"; color: red; font-size: 30px; } ``` 通過修改“content”屬性的值，我們可以使用不同的圖標。例如，如果我們想使用一個字母“A”作為我們的圖標，則可以將“content”屬性設(shè)置為“\u0041”（A的Unicode值）： ``` .icon::before { display: inline-block; content: "\u0041"; color: red; font-size: 30px; } ``` 使用CSS設(shè)置圖標的顏色非常簡單，它可以快速而簡單的實現(xiàn)頁面設(shè)計的風(fēng)格統(tǒng)一。