在網(wǎng)頁設(shè)計中，CSS樣式是非常重要的一部分。通過CSS樣式，我們可以為網(wǎng)頁添加各種各樣的效果，比如說改變字體、字號、顏色等等。其中之一的樣式就是點擊后變色。下面是一段簡單的CSS代碼實現(xiàn)點擊后變色的效果：

button {
background-color: blue;
color: white;
}
button:hover {
background-color: red;
color: white;
}
button:active {
background-color: green;
color: white;
}

上面的代碼分別定義了button標簽在不同狀態(tài)下的顏色。在默認狀態(tài)下，背景顏色為藍色，字體為白色。當鼠標懸停在button標簽上時，背景顏色變?yōu)榧t色。當用戶點擊該按鈕時，背景顏色變?yōu)榫G色。

需要注意的是，:hover表示當鼠標懸停在該標簽上時觸發(fā)的狀態(tài)，:active表示當用戶點擊該標簽時觸發(fā)的狀態(tài)。通過使用這兩個偽類，我們就可以非常方便地為網(wǎng)頁添加點擊后變色的效果。