借助hover属性直接在text标签处修改即可。

<style type="text/css">
    <!--移动到此处文本变为白色-->
	text:hover{color:white}
    <!--文本处背景色设为黑色-->
	text{background-color: #000;}
</style>

后面直接在body里面使用text标签，只要只用就会有如上效果。如果只想在某位置实现而非全部都安排上这种效果，可以看看前辈这篇文章。

实现效果如图：

鼠标未置于文本上方时

 鼠标置于文本上方时