在CSS中,可以利用:hover伪类来实现鼠标移动时元素的样式变化。例如:
button:hover { background-color: #f2f2f2; }
上述代码即表示当鼠标移动至button元素上时,该元素的背景色会变为浅灰色。同样,也可以利用:hover伪类来实现其他样式变化。
此外,:hover伪类也可以应用在链接元素上,以实现鼠标移动时链接的样式变化。例如:
a:hover { color: #ff0000; text-decoration: underline; }
上述代码即表示当鼠标移动至链接元素上时,该元素的文本颜色会变为红色,下划线也会出现。
总之,利用:hover伪类可以使网页更加动态与有趣,同时也能提升用户的使用体验。