CSS控制按鈕背景顏色對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)非常重要，因?yàn)榘粹o是用戶與網(wǎng)站交互的重要部分。下面將介紹如何使用CSS來(lái)控制按鈕的背景顏色。

.btn {
background-color: #007bff;
color: #fff;
}
.btn:hover {
background-color: #0069d9;
color: #fff;
}
.btn:active {
background-color: #005cbf;
color: #fff;
}

首先，我們定義了一個(gè)類名為".btn"的樣式，并設(shè)置了背景顏色為藍(lán)色，文字顏色為白色。這是按鈕正常狀態(tài)下的樣式。

接下來(lái)，我們使用偽類選擇器:hover來(lái)定義鼠標(biāo)懸浮在按鈕上時(shí)的樣式。在這里，我們將背景顏色設(shè)置為深藍(lán)色。

最后，我們使用偽類選擇器:active來(lái)定義用戶按下按鈕時(shí)的樣式。在這里，我們將背景顏色設(shè)置為更深的藍(lán)色。

總之，通過(guò)這些CSS樣式，我們可以輕松地控制按鈕的背景顏色，從而使網(wǎng)站看起來(lái)更加吸引人。