CSS中最常見的應用就是對于網站的樣式進行設置，其中鼠標懸停背景變色效果是一項非常實用的功能。

/* 設置鼠標懸停背景變色 */
a:hover {
background-color: #ccc;
}

上述代碼就是設置鼠標懸停后a標簽的背景色變為灰色的演示代碼。

代碼中，我們用到了:hover偽類，這個偽類是指當鼠標懸停在某個元素上方時，觸發相應的樣式設置。

如果想要實現不同的鼠標懸停效果，我們可以通過改變不同元素的樣式來實現。

/* 設置鼠標懸停字體變色 */
p:hover {
color: red;
}

上述代碼就是設置鼠標懸停后p標簽內字體顏色變為紅色的演示代碼。

通過這種方式，我們可以輕松地實現網站的鼠標懸停效果，讓頁面更加生動有趣。