CSS是一種用于設計網頁布局和樣式的語言。在頁面中，按鈕是經常使用的元素之一，有時按鈕需要在不同的狀態之間切換來表達它們的功能。在下面的文章中，我們將會介紹一些用于控制按鈕狀態的CSS樣式。

/* 普通按鈕狀態 */
button {
background-color: #4caf50;
color: white;
}
/* 鼠標懸停在按鈕上方 */
button:hover {
background-color: #3e8e41;
}
/* 按鈕被激活或者被點擊 */
button:active {
background-color: #135965;
}
/* 按鈕被禁用 */
button:disabled {
background-color: gray;
}

首先，我們定義了按鈕的初始狀態，背景顏色是一種深綠色，并且文字顏色是白色的。當鼠標懸停在按鈕上方時，我們通過:hover偽類，將按鈕的背景顏色更改為一個較深的綠色。按鈕被激活或點擊時，我們使用:active偽類，將按鈕的背景色更改為藍色。最后，當按鈕處于禁用狀態時，我們對按鈕應用:disabled偽類，并將其背景顏色更改為灰色。

這些狀態可以在按鈕中添加更多的交互性和信息反饋。例如，當用戶懸停在按鈕上方時，鼠標指針可以更改樣式來表示該按鈕可以單擊。當按鈕被禁用時，用戶會知道該按鈕當前不可用。

總之，使用CSS偽類為按鈕等元素定義不同的狀態，可以改進網站的用戶體驗，并提高交互體驗。這些狀態可以很容易地自定義，以根據特定的設計需要更改。