CSS中的鼠標經過方法是指當鼠標指針懸停在某個HTML元素上時,可以通過CSS樣式來改變該元素的外觀。
p:hover { color: red; }
在上面的代碼中,當鼠標指針懸停在
標簽上時,字體顏色會變成紅色。這里使用了:hover偽類,表示當鼠標懸停在該元素上時應用該樣式。
除了字體顏色之外,也可以改變元素的背景顏色、邊框樣式、以及添加動畫等效果。例如以下代碼:
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);} }
在上面的代碼中,當鼠標懸停在
總之,CSS中的鼠標經過方法可以為網站設計帶來更加豐富的效果,提高用戶體驗。
上一篇css中鼠標點擊變化設置
下一篇css中鼠標移動事件