快好知 kuaihz

怎么实现鼠标滑过变色

怎么实现鼠标滑过变色

网页制作经常会使用到这样一个功能,鼠标滑过字体后字体颜色改边,那么这个功能要怎么实现呢?以下是小编跟大家分享实现鼠标滑过变色的"办法,希望对大家能有所帮助!

鼠标滑过变色的实现

方法/步骤

创建一个html文件,如图

在html页面找到标签,在标签里面输入内容,然后用标签把内容覆盖。如图

修改标签的内容设置颜色为蓝色,如图

设置鼠标滑过标签,字体变为红色的样式:a:hover{color:red} 。如图

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

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

<a href="/tid2/tags316_5g6kbzvaq4.html">鼠标</a>滑过字体变色


鼠标放到我身上



style type="text/css"

a{

color:blue;

}

a:hover{

color: red;

}

/style

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:怎么实现鼠标滑过变色  变色  变色词条  鼠标  鼠标词条  实现  实现词条  怎么  怎么词条  
电脑

 让电脑自动关机

让电脑自动关机可能有很多Win7用户不知道怎么设置系统自动关闭。如果我们的电脑有不需要人工干预即可自动完成的任务,并且耗时很长,那么设置自动关机就显得十分有用了...(展开)

电脑

 电脑屏幕分辨率怎么调整

电脑屏幕分辨率怎么调整合适的电脑屏幕分辨率有助于我们使用电脑。那么电脑屏幕分辨率怎么调整呢?下面就让jy135小编来告诉大家吧,欢迎阅读。1、XP系统调节方法:...(展开)

电脑

 苹果笔记本电脑内存不足怎么办

苹果笔记本电脑内存不足怎么办电脑内存不足是我们较常遇见的问题,对我们的工作或者学习造成一定的影响。那么苹果笔记本电脑内存不足怎么办呢?下面就让jy135小编来告...(展开)