HTML+CSS实现鼠标移动到某位置文本变色/显现效果

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

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

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

实现效果如图：

鼠标未置于文本上方时

标签： html css 前端

本文转载自: https://blog.csdn.net/Coder_OreoZ/article/details/127098831
版权归原作者 Super阿予 所有，如有侵权，请联系我们删除。