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

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

上面的代碼分別定義了button標簽在不同狀態下的顏色。在默認狀態下，背景顏色為藍色，字體為白色。當鼠標懸停在button標簽上時，背景顏色變為紅色。當用戶點擊該按鈕時，背景顏色變為綠色。

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