CSS是網(wǎng)頁(yè)設(shè)計(jì)中一個(gè)重要的技術(shù)，可以使得網(wǎng)頁(yè)看起來(lái)更加美觀和專(zhuān)業(yè)。通過(guò)CSS的應(yīng)用，我們可以實(shí)現(xiàn)很多有趣的效果，比如點(diǎn)擊后圖標(biāo)變色。

想要實(shí)現(xiàn)點(diǎn)擊后圖標(biāo)變色，我們需要定義兩種樣式，一種是正常狀態(tài)下的樣式，一種是點(diǎn)擊狀態(tài)下的樣式。我們可以利用CSS中偽類(lèi)的特性來(lái)表示這兩種狀態(tài)。在正常狀態(tài)下，我們可以使用如下代碼定義圖標(biāo)的樣式：

.icon {
color: #333;
}

在點(diǎn)擊狀態(tài)下，我們希望圖標(biāo)的顏色變成另外一種顏色，比如紅色。我們可以使用如下代碼表示這種狀態(tài)：

.icon:active {
color: #f00;
}

上述代碼中，我們使用了偽類(lèi):active來(lái)表示點(diǎn)擊狀態(tài)下的樣式。這個(gè)偽類(lèi)表示當(dāng)鼠標(biāo)按下時(shí)，元素處于激活狀態(tài)。同時(shí)，我們將字體顏色設(shè)置為紅色。

通過(guò)以上的設(shè)置，我們就可以實(shí)現(xiàn)點(diǎn)擊后圖標(biāo)變色的效果了。當(dāng)用戶(hù)點(diǎn)擊圖標(biāo)時(shí)，它的顏色就會(huì)變成紅色，松開(kāi)鼠標(biāo)后又會(huì)變回原來(lái)的顏色。