CSS中，我們可以通過(guò):hover的偽類(lèi)選擇器來(lái)實(shí)現(xiàn)鼠標(biāo)移過(guò)時(shí)顯示相應(yīng)的顏色效果。

/* 以p標(biāo)簽為例 */
p:hover {
color: red;
}

上述代碼的意思是：當(dāng)鼠標(biāo)移過(guò)p標(biāo)簽時(shí)，p標(biāo)簽的字體顏色將變?yōu)榧t色。如果我們要實(shí)現(xiàn)背景色的變化，可以使用如下代碼：

/* 以p標(biāo)簽為例 */
p:hover {
background-color: yellow;
}

上述代碼的意思是：當(dāng)鼠標(biāo)移過(guò)p標(biāo)簽時(shí)，p標(biāo)簽的背景色將變?yōu)辄S色。

當(dāng)然，我們也可以同時(shí)實(shí)現(xiàn)字體顏色和背景色的變化：

/* 以p標(biāo)簽為例 */
p:hover {
color: white;
background-color: blue;
}

上述代碼的意思是：當(dāng)鼠標(biāo)移過(guò)p標(biāo)簽時(shí)，p標(biāo)簽的字體顏色將變?yōu)榘咨尘吧珜⒆優(yōu)樗{(lán)色。

除了對(duì)p標(biāo)簽使用:hover外，我們也可以對(duì)其他HTML元素使用這個(gè)偽類(lèi)選擇器，比如a標(biāo)簽：

/* 以a標(biāo)簽為例 */
a:hover {
color: red;
text-decoration: underline;
}

上述代碼的意思是：當(dāng)鼠標(biāo)移過(guò)a標(biāo)簽時(shí)，a標(biāo)簽的字體顏色將變?yōu)榧t色，同時(shí)加上下劃線。

總之，hover偽類(lèi)選擇器是CSS中非常常用的一種特效實(shí)現(xiàn)方式，可以使我們的頁(yè)面更加生動(dòng)有趣。