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

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

上面的代碼會讓按鈕變成紅色，并且文字變成白色。當鼠標移開時，按鈕會恢復原來的樣式?，F在，我們來詳細講解如何使用 :hover 屬性。

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

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

如果我們想讓鼠標懸浮在這個鏈接上時，鏈接變成藍色，我們可以這么做：

a:hover {
color: blue;
}

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

a:hover {
background-color: yellow;
}

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

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

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

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

通過學習本課內容，我們可以讓頁面更加生動，增加交互性，吸引用戶的注意力。