css鼠标悬停状态 伪类
时间: 2023-10-14 22:23:26 浏览: 53
CSS鼠标悬停状态伪类是:hover。当鼠标悬停在一个元素上时,可以将该元素的样式更改为预定义的样式。例如,可以使用:hover伪类为按钮添加悬停效果,使其在鼠标悬停时更改背景颜色或文本颜色。以下是一个简单的示例:
```css
button:hover {
background-color: #f00;
color: #fff;
}
```
在这个示例中,当鼠标悬停在按钮上时,按钮的背景颜色将变为红色,文本颜色将变为白色。
相关问题
设置鼠标悬停状态
要设置鼠标悬停状态,可以使用CSS中的:hover伪类。例如,如果要将鼠标悬停在一个链接上时,将链接的颜色改为红色,可以使用以下CSS代码:
```
a:hover {
color: red;
}
```
这将在鼠标悬停在链接上时应用样式。您可以根据需要更改样式属性。
阅读全文