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 鼠标经过尽选,可以让网页变得更加美观、富有动感,使用户的体验更加流畅。