點擊變背景顏色CSS CSS是一種非常強大的樣式表語言，可以用來控制網頁中元素的樣式和表現方式。其中一個常用的樣式是更改背景顏色。在本文中，我們將學習如何使用CSS來通過點擊按鈕來改變背景顏色。 首先，我們需要一個按鈕元素。以下是一個示例按鈕：

<button>點擊我</button>

接下來，我們需要創建一個CSS類來更改背景顏色。以下是一個示例CSS類：

.bg-red {
background-color: red;
}

這個類會將背景顏色更改為紅色。然后，我們需要一段JavaScript代碼來切換CSS類。以下是一個示例JS代碼：

const btn = document.querySelector('button');
btn.addEventListener('click', function() {
document.body.classList.toggle('bg-red');
});

這段代碼會將“bg-red”類綁定到整個文檔體，每次單擊按鈕時切換該類。如果文檔體的背景顏色為白色，則單擊按鈕將使其變為紅色。單擊一次按鈕將切換背景顏色，單擊兩次將把背景顏色改回原來的顏色。 在上面的示例中，我們使用了classList.toggle()方法來切換類。該方法檢查元素是否包含該類，如果包含則刪除它，否則添加它。這是一個很方便的方法，可以輕松地切換CSS類。 總結 使用CSS和JavaScript，我們可以創建一個點擊按鈕來改變背景顏色的功能。這種技術可以應用于不同的網頁中，使其更加豐富多彩。我們可以通過更改CSS類來快速更改網頁的樣式，從而實現更好的用戶體驗。謝謝閱讀本文，希望這對你有所幫助！