如何实现span标签当鼠标悬浮时更改背景色

在HTML文件中，你可以使用如下代码实现在鼠标悬浮在 span 标签上时更改背景颜色：

<style>
span:hover {
  background-color: yellow;
}
</style>
<span>鼠标悬浮在这里</span>

你可以替换 "yellow" 为你想要的背景颜色。

如果你想使用 JavaScript 实现此功能，请使用以下代码：

<style>
span {
  background-color: white;
}
</style>
<span id="hoverMe">鼠标悬浮在这里</span>

<script>
var hoverMe = document.getElementById("hoverMe");
hoverMe.onmouseover = function() {
  hoverMe.style.backgroundColor = "yellow";
};
hoverMe.onmouseout = function() {
  hoverMe.style.backgroundColor = "white";
};
</script>

在这种情况下，当鼠标悬浮在 span 标签上时，背景颜色将更改为 "yellow"，当鼠标离开 span 标签时，背景颜色将恢复为 "white"。