CSS 鼠標經過盡選可以讓網頁變得更加生動、互動。通過為元素添加:hover選擇器,當鼠標經過元素時,可以觸發特定的CSS效果。
.item:hover { background-color: #f1f1f1; color: #333; }
上面的代碼表示,當鼠標經過class為“item”的元素時,背景顏色會變成#f1f1f1,文字顏色會變成#333。
除了改變背景顏色、文字顏色外,我們還可以添加其他的效果,比如改變邊框、添加陰影等等。
.item:hover { border: 1px solid #333; box-shadow: 2px 2px 5px #888; }
上面的代碼表示,當鼠標經過class為“item”的元素時,邊框會變成1px實線#333,同時添加了一個2px的陰影效果。
通過使用CSS 鼠標經過盡選,可以讓網頁變得更加美觀、富有動感,使用戶的體驗更加流暢。