CSS按鈕背景更換方法

在CSS中，可以使用background-color屬性來更換按鈕的背景顏色，以下是一些常見的顏色值：

red：紅色

green：綠色

blue：藍色

yellow：黃色

purple：紫色

orange：橙色

black：黑色

white：白色

lightblue：淺藍色

lightgreen：淺綠色

lightcoral：淺珊瑚色

除了以上顏色值，還可以使用十六進制顏色碼來定義更豐富的顏色。#FF0000表示紅色，#00FF00表示綠色，#0000FF表示藍色。

還可以使用CSS的偽類來定義按鈕在不同狀態(tài)下的背景顏色。:hover偽類可以用來定義鼠標懸停在按鈕上時的背景顏色，:active偽類可以用來定義按鈕被點擊時的背景顏色。

以下是一個簡單的示例，展示如何更換CSS按鈕的背景顏色：

<button class="my-button">點擊我</button>

.my-button {
  background-color: red; /* 默認背景顏色為紅色 */
}
.my-button:hover {
  background-color: orange; /* 鼠標懸停時的背景顏色為橙色 */
}
.my-button:active {
  background-color: green; /* 按鈕被點擊時的背景顏色為綠色 */
}

在以上示例中，首先定義了按鈕的默認背景顏色為紅色，然后定義了鼠標懸停時的背景顏色為橙色，***后定義了按鈕被點擊時的背景顏色為綠色，這樣，就可以實現(xiàn)CSS按鈕背景顏色的更換了。