刚学HTML网页设计的各位小伙伴们一定想要实现一些交互效果，比如鼠标经过文字变色等，今天我就来教教大家。工具/原料more电脑hbuilder方法/步骤1/6分步阅读

如图所示，在一个HTML文档里面写上一个标签，并且标签里面写上要变色的字。这里我就用了div标签，其他标签也可以。

2/6

先不做任何的设置，预览看看标签中的字体情况，是黑色的。接着开始让它变色。

3/6

如图，编写一个style标签，通过css来设置鼠标经过时文字变色。

4/6

然后写上div:hover加花括号，如果你是其他标签就用其他标签名替换div即可。

5/6

然后使用color，color后面表示的是鼠标经过时变化的颜色，也就是颜色值。

6/6

这样，设置好之后，鼠标经过我们标签对里面的文字就会变颜色。

注意事项

喜欢可以 把它分享出去哦！

有什么问题可以评论留言给我，我看到会回复的。