在 CSS 教程的第 16 課中，我們將學(xué)習(xí)使用 :hover 偽類屬性。這個屬性可以讓我們在鼠標(biāo)懸浮時修改元素的樣式。例如，當(dāng)鼠標(biāo)懸浮在一個按鈕上時，我們可以讓按鈕變成另一種顏色。

.button:hover {
background-color: red;
color: white;
}

上面的代碼會讓按鈕變成紅色，并且文字變成白色。當(dāng)鼠標(biāo)移開時，按鈕會恢復(fù)原來的樣式。現(xiàn)在，我們來詳細(xì)講解如何使用 :hover 屬性。

首先，我們要選擇需要添加 :hover 的元素。例如，我們有一個 a 標(biāo)簽：

<a href="#">Click me!</a>

如果我們想讓鼠標(biāo)懸浮在這個鏈接上時，鏈接變成藍(lán)色，我們可以這么做：

a:hover {
color: blue;
}

這個代碼會讓鏈接在鼠標(biāo)懸浮時變成藍(lán)色。同樣，我們也可以修改背景顏色：

a:hover {
background-color: yellow;
}

這個代碼會讓鏈接在鼠標(biāo)懸浮時背景變成黃色。

如果我們想修改其他元素的樣式，如按鈕、圖片等，也可以使用 :hover 屬性：

.button:hover {
background-color: red;
color: white;
}
img:hover {
opacity: 0.7;
}

上面的代碼會讓按鈕和圖片在鼠標(biāo)懸浮時分別變成紅色和半透明。

通過學(xué)習(xí)本課內(nèi)容，我們可以讓頁面更加生動，增加交互性，吸引用戶的注意力。