CSS中的hover指的是当鼠标移动到一个HTML元素上时,该元素会发生一些视觉变化。
例如,我们可以用以下CSS代码给所有按钮添加hover效果: button:hover { color: red; background-color: white; }
上述代码意味着当鼠标悬停在按钮上时,按钮的文本颜色将变为红色,背景色变为白色。
另一个示例是添加带有hover效果的超链接文本:
a:hover { color: blue; text-decoration: underline; }
这将在鼠标移动到链接上时改变文本的颜色,并添加下划线以突出链接。
可以在CSS中对不同类型的元素应用hover效果,例如表格、菜单、图片等。
使用hover效果可以使用户与网页的交互更加流畅和愉悦,同时也能够为用户提供更多的视觉反馈。