学习啦 > 学习电脑 > 电脑技巧 > css怎么设置鼠标滑过字体变色

css怎么设置鼠标滑过字体变色

时间: 本达868 分享

css怎么设置鼠标滑过字体变色

学习啦在线学习网   网页制作经常会使用到这样一个功能,鼠标滑过字体后字体颜色改变,那你知道css怎么设置鼠标滑过字体变色吗?下面学习啦小编告诉你!

  css设置鼠标滑过字体变色的方法

学习啦在线学习网   创建一个hml文件,如图:

  在tml页面找到<body>标签,在<body>标签里面输入内容,然后用<a>标签把内容覆盖。如图:

学习啦在线学习网   修改<a>标签的内容设置颜色为蓝色,如图:

学习啦在线学习网   设置鼠标滑过<a>标签,字体变为红色的样式:a:hover{color:red} 。如图:

  保存好hml文件,使用浏览器打开,首先看到的是蓝色字体,把鼠标放到文字上就会发现蓝色字体变为红色字体。

  实现的所有代码,直接把代码复制到html文件即可看到效果:

  END

看了“css怎么设置鼠标滑过字体变色”的人还看了

1.怎么实现css实现鼠标滑过改变文字

2.怎么实现鼠标滑过变色

3.css怎么设置鼠标变背景

4.css怎么改变鼠标样式

2089766