在CSS中,:hover是一种事件,也被称为鼠标悬停效果。简单来说,它是一种在鼠标悬停在某个元素上时触发的事件,可以改变元素的样式。例如,我们可以编写以下CSS代码来改变一个按钮的背景颜色和文字颜色:...
在CSS中,:hover
是一种事件,也被称为鼠标悬停效果。简单来说,它是一种在鼠标悬停在某个元素上时触发的事件,可以改变元素的样式。
例如,我们可以编写以下CSS代码来改变一个按钮的背景颜色和文字颜色:
button:hover {
background-color: #008CBA;
color: white;
}
当鼠标悬停在按钮上时,按钮的背景颜色会变成蓝色,文字颜色会变成白色。
除了改变背景颜色和文字颜色,我们还可以使用:hover
事件来添加其他特效,如改变元素的边框样式、在悬停时显示隐藏元素等。
总的来说,:hover
是一个非常实用的事件,在页面设计和交互中广泛使用。