CSS中的鼠標(biāo)經(jīng)過(guò)方法是指當(dāng)鼠標(biāo)指針懸停在某個(gè)HTML元素上時(shí),可以通過(guò)CSS樣式來(lái)改變?cè)撛氐耐庥^。
p:hover { color: red; }
在上面的代碼中,當(dāng)鼠標(biāo)指針懸停在
標(biāo)簽上時(shí),字體顏色會(huì)變成紅色。這里使用了:hover偽類(lèi),表示當(dāng)鼠標(biāo)懸停在該元素上時(shí)應(yīng)用該樣式。
除了字體顏色之外,也可以改變?cè)氐谋尘邦伾⑦吙驑邮健⒁约疤砑觿?dòng)畫(huà)等效果。例如以下代碼:
button:hover { background-color: yellow; border: 2px solid black; animation: shake 0.5s; } @keyframes shake { 0% {transform: translateX(0);} 25% {transform: translateX(5px);} 50% {transform: translateX(0);} 75% {transform: translateX(-5px);} 100% {transform: translateX(0);} }
在上面的代碼中,當(dāng)鼠標(biāo)懸停在
總之,CSS中的鼠標(biāo)經(jīng)過(guò)方法可以為網(wǎng)站設(shè)計(jì)帶來(lái)更加豐富的效果,提高用戶(hù)體驗(yàn)。