CSS中的:hover偽類用于在鼠標(biāo)懸停時(shí)改變元素的樣式,下面是一些關(guān)于如何在CSS中顯示:hover的示例。
1、更改背景顏色:
div:hover { background-color: #ff0000; }
在這個(gè)示例中,當(dāng)鼠標(biāo)懸停在div元素上時(shí),背景顏色將更改為紅色。
2、更改字體顏色:
p:hover { color: #00ff00; }
在這個(gè)示例中,當(dāng)鼠標(biāo)懸停在p元素上時(shí),字體顏色將更改為綠色。
3、添加陰影:
img:hover { box-shadow: 10px 10px 5px #888888; }
在這個(gè)示例中,當(dāng)鼠標(biāo)懸停在img元素上時(shí),圖像將添加灰色陰影。
4、更改大小:
a:hover { font-size: 20px; }
在這個(gè)示例中,當(dāng)鼠標(biāo)懸停在a元素上時(shí),字體大小將更改為20像素。
這些示例展示了如何在CSS中使用:hover偽類來更改元素的樣式,你可以根據(jù)自己的需求來選擇要更改的樣式屬性。