CSS是Web開發中最流行的樣式語言之一。在CSS中，你可以通過各種方式調整頁面上的內容的視覺效果。例如，將文本顏色更改為紅色，將圖像大小更改為10像素，甚至可以將整個頁面的背景顏色更改為您喜歡的顏色。

今天，我們將討論如何使用CSS將圖標從默認顏色變為紅色。

.icon {
color: red;
}
<i class="icon"></i>

我們將使用一個CSS選擇器來選中位于具有特定類的元素內部的所有內容。 上面的代碼中使用的選擇器是“.icon」，這意味著我們將選中擁有icon類的元素。

然后，我們使用顏色CSS屬性將我們想要的新顏色指定為“紅色”。 這意味著所有帶有.icon類的元素將具有一個紅色的文本顏色。

現在讓我們來看一下如何將圖標添加到您的HTML代碼中。

<i class="icon"></i>

像上面的代碼一樣，只需使用<i>標簽以及指定的CSS類“icon”來創建一個簡單的圖標。

使用如此簡單的CSS代碼，您可以輕松地將圖標從默認顏色更改為更醒目的紅色顏色，使其更適合于您的網站主題或品牌！