html鼠标悬停事件hover效果

HTML的鼠标悬停事件可以通过CSS中的:hover伪类来实现。在CSS中，使用:hover伪类可以定义鼠标悬停在元素上时的样式。

例如，以下代码可以使鼠标悬停在一个按钮上时，按钮的背景颜色变为灰色：

<button class="btn">悬停我</button>
<style>
.btn:hover {
  background-color: gray;
</style>
当鼠标悬停在按钮上时，按钮的样式将改变。您可以使用:hover伪类来定义元素的各种样式，例如背景颜色、文本颜色、字体大小、边框等等。
需要注意的是，不是所有的HTML元素都支持:hover伪类。通常，只有具有交互性质的元素，例如链接和按钮，才支持:hover伪类。