CSS 是前端開發中重要的一部分，不僅可以用來控制頁面的布局，還可以實現各種動態效果。其中一個常見的效果就是點擊事件改變樣式，比如點擊一個按鈕后，按鈕的顏色會改變。

.button {
background-color: blue; /* 初始背景色為藍色 */
color: white; /* 字體顏色為白色 */
padding: 10px 20px; /* 設置內邊距 */
border: none; /* 去掉邊框 */
cursor: pointer; /* 鼠標移上去變成手型 */
}
.button:hover {
background-color: green; /* 鼠標移上去背景色為綠色 */
}
.button:active {
background-color: red; /* 點擊后背景色為紅色 */
}

上面的代碼演示了一個簡單的例子，通過設置按鈕的偽類，可以實現點擊事件改變顏色的效果。當鼠標移上去時，按鈕的背景色會變成綠色；當按下按鈕時，背景色會變成紅色。

除了上面的偽類，我們還可以通過 JavaScript 來實現類似的效果。CSS 的優勢在于它的代碼簡潔、易于維護，同時也不需要引入額外的庫。因此，在實際開發中，多數情況下我們會選擇使用 CSS 來實現點擊事件改變顏色的效果。