我们在浏览网页时，当鼠标划过某一物体，就会发现，图片和文字与原图变了样，这是为什么？那是因为我们为CSS样式加了伪类：如（当鼠标经过时，背景颜色改为红色，字体变为白色等，常见伪类主要有：<br/>link:用在为访问的连接上 。 <br/>visited:用在已经访问过的连接上 。 <br/>hover:用于鼠标光标置于其上的连接 。 <br/>active:用于获得焦点(比如，被点击)的连接<br/>下面就让我们一起动手制作一个光标经过点时图片和文字改变的伪类吧！操作方法 01 先在<body>里面插入五个<div>标签，类名class为nav,在<div>标签里输入自已想要的内容：
文章插图
02 运行程序，结果如图
文章插图
03 采用内部样式链入CSS，所有样式的内容居中，代码如图
文章插图
04 【如何用HTML5实现鼠标经过时改变图片颜色?】运行程序，结果如图
文章插图
05 为类.nav设置边框、背景、内边距、倾斜度（-20），代码如图
文章插图
06 运行程序，结果如图
文章插图
07 校对<div>标签里面的文字，字体颜色为黄色如图
文章插图
08 运行程序，结果如图
文章插图
09 为类nav设置伪类（hover）:鼠标经过是背景颜色变为蓝色，字体变为白色，代码如图
文章插图
10 运行程序，结果如图
文章插图
以上内容就是如何用HTML5实现鼠标经过时改变图片颜色?的内容啦，希望对你有所帮助哦！
推荐阅读
- CAD应该如何安装
- 如何绘制冲击效果素材
- 全国硕士研究生考试如何进行网报?
- 简笔画——如何利用电脑画图工具绘制青蛙
- 职业棒球之魂2014如何提升能力值和购买商品？
- 镇魔曲手游如何合成宝石
- 实况足球8如何绕过比赛直接开始一场点球大战？
- 实况足球8玩家如何进行双人对战？
- 不思议迷宫如何通过野兽洞窟第5层？
- 实况足球8如何开启任意球训练模式？