CSS可以很容易地改變按鈕的顏色和設計。在這里，我們將討論如何使用CSS來使按鈕在懸停或點擊時變色。 首先，我們需要指定按鈕樣式的CSS類。我們可以使用以下代碼來創建一個類：

.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;
}

在這里，我們指定了按鈕的背景顏色、邊框、文本顏色、內邊距、對齊方式、文本裝飾、顯示方式、字體大小、外邊距和光標類型。 現在，我們將通過一些CSS來改變按鈕的顏色。我們可以使用以下代碼在鼠標懸停時使按鈕的顏色發生變化：

.button:hover {
background-color: #3e8e41;
}

在這里，我們使用“:hover”偽類來指定當鼠標懸停在按鈕上時的樣式。我們將“background-color”屬性設置為另一個顏色。 我們可以使用以下代碼在點擊按鈕時使按鈕顏色發生變化：

.button:active {
background-color: #3e8e41;
box-shadow: 0 5px #666;
transform: translateY(4px);
}

在這里，我們使用“:active”偽類來指定當按鈕被點擊時的樣式。我們指定了背景顏色、陰影和轉換。 通過這些CSS代碼，我們可以輕松地創建一個帶有懸停和點擊效果的自定義按鈕。