CSS是一種強(qiáng)大的樣式表語言，可以用來描述HTML文檔的外觀和格式，在CSS中，我們可以使用偽類來改變按鈕的顏色，以實現(xiàn)點擊按鈕變色的效果。

我們需要創(chuàng)建一個HTML按鈕，并給它一個***的ID或類名，我們可以使用CSS的偽類來定義按鈕的默認(rèn)顏色和點擊后的顏色，我們可以使用:hover偽類來定義鼠標(biāo)懸停在按鈕上時的顏色，使用:active偽類來定義按鈕被點擊時的顏色。

以下是一個簡單的示例代碼：

HTML代碼：

<button id="myButton">點擊我變色</button>

CSS代碼：

#myButton {
  background-color: #ccc; /* 默認(rèn)顏色 */
  color: #333;
}
#myButton:hover {
  background-color: #ddd; /* 鼠標(biāo)懸停顏色 */
}
#myButton:active {
  background-color: #bbb; /* 點擊后顏色 */
}

在這個示例中，我們使用了#myButton偽類來定義按鈕的默認(rèn)顏色，使用#myButton:hover偽類來定義鼠標(biāo)懸停顏色，使用#myButton:active偽類來定義點擊后顏色，這樣，當(dāng)按鈕被點擊時，它的背景顏色就會從默認(rèn)的#ccc變成#bbb，從而實現(xiàn)點擊按鈕變色的效果。