鼠標滑過CSS是用來改變元素樣式的一種動態效果。它可以讓頁面更加生動、多彩,提高用戶體驗。鼠標滑過CSS可以應用于多種元素,比如文本、圖片、按鈕等。
button:hover { background-color: #2196F3; color: white; }
在上面的代碼中,我們為按鈕添加了:hover偽類,表示當鼠標滑過按鈕時會觸發這個樣式。我們設置了背景顏色為#2196F3,文字顏色為白色,這樣在鼠標滑過按鈕時,按鈕背景顏色和文字顏色都會變化。
a:hover { text-decoration: underline; }
在上面的代碼中,我們為超鏈接添加了:hover偽類,表示當鼠標滑過超鏈接時會觸發這個樣式。我們設置了文字下劃線,這樣在鼠標滑過超鏈接時,顯示為下劃線的超鏈接可以提醒用戶這是可點擊的。
總之,鼠標滑過CSS可以為元素添加動態效果,使頁面更加生動、多彩,提高用戶體驗。這種效果寫出來不僅好看,而且讓用戶感覺頁面很活躍。