css hover
时间: 2023-10-14 20:16:59 浏览: 70
借助jQuery实现的简单CSS Hover效果
CSS中的:hover是一个伪类选择器,用于在鼠标悬停在一个元素上时应用样式。当鼠标悬停在一个元素上时,可以改变该元素的背景颜色、字体颜色、字体大小等等。通过:hover可以为网页添加交互性和动态效果。例如,当鼠标悬停在一个链接上时,可以改变链接的颜色以提醒用户。
下面是一个示例,演示了如何使用:hover选择器来改变链接的颜色:
```css
a {
color: blue; /* 默认链接颜色 */
}
a:hover {
color: red; /* 鼠标悬停时链接颜色 */
}
```
在上述示例中,链接的默认颜色为蓝色,但当鼠标悬停在链接上时,链接的颜色将变为红色。
请问还有其他关于:hover的问题吗?
阅读全文