CSS按鈕是web設計中最基本的UI組件之一。我們經常需要通過CSS來改變按鈕的樣式，其中包括點擊按鈕時的背景色。

通過CSS可以很容易地實現帶有hover、active、focus等狀態的按鈕。其中，click狀態是指鼠標按下時的狀態，而hover是鼠標懸停時的狀態。你可以用如下的代碼來實現帶有點擊背景色的按鈕：

button {
background-color: #4CAF50; /* 設置按鈕背景色為綠色 */
border: none; /* 去掉按鈕邊框 */
color: white; /* 設置按鈕文字顏色為白色 */
padding: 15px 32px; /* 設置按鈕內邊距 */
text-align: center; /* 文本居中 */
text-decoration: none; /* 去掉下劃線 */
display: inline-block; /* 設置元素為行內塊級元素 */
font-size: 16px; /* 設置字體大小 */
margin: 4px 2px; /* 按鈕間距 */
cursor: pointer; /* 光標形狀 */
}
button:active {
background-color: #3e8e41; /* 設置點擊背景色為深綠色 */
transform: translateY(3px); /* 點擊時移動按鈕向下3像素 */
}

上述代碼中，我們為button標簽添加了click狀態下的樣式（即:active），并通過background-color屬性將背景色設置為深綠色。此外，我們還通過transform屬性使按鈕在被點擊時向下移動3像素。這樣，我們就完成了點擊背景色的效果。

總之，通過CSS可以方便地對按鈕的樣式進行設置。我們可以通過設置background-color屬性來實現按鈕的不同狀態下的背景色變化，從而讓按鈕有更好的交互體驗。