CSS是一種用于網頁開發的重要技術，可以幫助開發者實現網頁的各種樣式效果。其中，一鍵換背景顏色功能可以為用戶提供更加個性化的瀏覽體驗。

.button {
width: 100px;
height: 50px;
background-color: blue;
color: white;
text-align: center;
line-height: 50px;
cursor: pointer;
}
.red {
background-color: red;
}
.green {
background-color: green;
}
.blue {
background-color: blue;
}

以上代碼中，我們首先定義了一個按鈕樣式，包括寬度、高度、背景顏色、文字顏色、文本對齊方式、行高、鼠標樣式等。接著，我們定義了三個不同的背景色樣式，分別為紅色、綠色和藍色。

紅色綠色藍色

最后，我們通過JavaScript為按鈕添加了點擊事件，當用戶點擊按鈕時，會依次移除按鈕的三種顏色樣式，并添加與按鈕文本內容相同的背景顏色樣式，實現一鍵換背景顏色功能。

總的來說，使用CSS實現一鍵換背景顏色功能可以為網頁增加更加多樣化的效果，提升用戶體驗。