在網頁設計中，CSS的懸停效果是一種常見的技巧。它通常被用來為鏈接、按鈕、菜單項和其他可單擊的元素創建交互效果。其中，懸停切換背景顏色是一種最基本的方法。

/* CSS代碼 */
a:hover {
background-color: yellow;
}
button:hover {
background-color: blue;
}

在上面的示例代碼中，當鼠標懸停在鏈接上時，鏈接的背景色將變成黃色；當鼠標懸停在按鈕上時，按鈕的背景色將變成藍色。

值得注意的是，為了讓懸停效果更加平滑，可以為CSS屬性添加過渡效果。例如：

/* CSS代碼 */
a {
background-color: white;
transition: background-color 0.3s;
}
a:hover {
background-color: yellow;
}

在上面的代碼中，當鼠標懸停在鏈接上時，鏈接的背景色將從白色逐漸變成黃色，且變化的過程將持續0.3秒。

總之，使用CSS的懸停切換背景顏色是一種簡單但有效的交互設計技巧，可以幫助用戶更好地理解和使用網頁。