CSS是現代網頁設計不可或缺的一部分，一些簡單的CSS技巧和屬性可以讓你的網站變得更加美觀和易于使用。在這篇文章中，我們將學習如何使用CSS來給元素添加點擊事件，并在點擊時改變背景顏色。

button:hover {
background-color: #1abc9c;
}

上述代碼會在鼠標懸停在按鈕上時改變背景顏色。但是，如果我們希望在單擊按鈕時改變背景顏色，我們應該怎么做呢？我們可以使用CSS中的:focus偽類來實現這一點。

button:focus {
background-color: #1abc9c;
}

這里我們使用:focus偽類來選中被用戶單擊后獲得焦點的元素，并修改其背景顏色。使用:focus，會使得當用戶單擊按鈕并將焦點放在它上面時，背景顏色變為#1abc9c。

我們還可以使用JavaScript來實現類似的效果。如果我們想改變元素的其他樣式而不僅僅是背景顏色，只需要在JavaScript中修改元素style屬性的值即可。

var button = document.querySelector("button");
button.onclick = function() {
button.style.backgroundColor = "#1abc9c";
};

以上代碼會選中頁面上第一個button元素，并在其單擊時修改其背景顏色。使用JavaScript，我們可以實現更多的樣式修改和交互效果。

無論使用CSS還是JavaScript，我們都可以使用簡單的代碼來實現點擊加背景顏色的效果。這種效果可以使得網站變得更加動態，因此是值得嘗試的技術。