CSS如何設置圖標顏色 在網頁設計中，圖標是一個非常重要的元素，它可以幫助我們傳達信息、提高用戶體驗等。而CSS可以幫助我們非常方便地設置圖標的顏色，以下是一些常見的設置方法： 使用color屬性 最基本的設置方法就是使用color屬性，它可以設置文本顏色，并且同樣適用于圖標。例如：

.icon {
color: red;
}

這個例子中，.icon是圖標所在的元素的類名，通過設置color為紅色，就可以改變圖標的顏色。 使用background屬性 如果你的圖標是一個精靈圖（sprite），那么可以使用background屬性來設置它的顏色。例如：

.sprite-icon {
width: 32px;
height: 32px;
background: url('sprite.jpg') no-repeat -32px -32px;
background-color: yellow;
}

這個例子中，.sprite-icon是圖標所在的元素的類名，該元素的寬高分別為32px，使用了一個精靈圖，并設置了其背景顏色為黃色。 使用SVG 如果你使用的是矢量圖標，那么可以使用SVG來設置其顏色。例如：

這個例子中，我們創建了一個32x32的SVG，并使用fill屬性來設置圖標的填充顏色為紅色。注意，這個例子中的SVG只是一個示例，具體的SVG代碼會因圖標而異。 總結 無論是常規的字體圖標，還是精靈圖或矢量圖標，都可以通過CSS來設置其顏色。而對于不同類型的圖標，我們可以使用不同的CSS屬性來實現。希望這篇文章能夠幫助你更好地掌握CSS設置圖標顏色的方法。