HTML网页怎样实现鼠标经过文字变色

作者:活力源 | 创建时间: 2023-04-23
刚学HTML网页设计的各位小伙伴们一定想要实现一些交互效果,比如 鼠标经过文字变色等,今天我就来教教大家。...
HTML网页怎样实现鼠标经过文字变色

操作方法

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

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

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

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

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

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

温馨提示

喜欢可以 把它分享出去哦!
有什么问题可以评论留言给我,我看到会回复的。
点击展开全文

更多推荐