CSS中鼠標(biāo)掃過(guò)顏色改變是一種非常常見(jiàn)的效果,可以讓網(wǎng)頁(yè)更加生動(dòng)有趣。它主要是通過(guò):hover選擇器實(shí)現(xiàn)的。
a:hover{ color: red; }
上述代碼表示當(dāng)鼠標(biāo)掃過(guò)鏈接時(shí),字體顏色變?yōu)榧t色。除了字體顏色,我們還可以改變背景顏色、邊框顏色等。下面是一個(gè)例子:
button:hover{ background-color: blue; color: white; border-color: yellow; }
這個(gè)例子表示當(dāng)鼠標(biāo)掃過(guò)按鈕時(shí),背景顏色變?yōu)樗{(lán)色,字體變?yōu)榘咨吙蝾伾優(yōu)辄S色。
需要注意的是,:hover選擇器只能用于、