网页上常见的鼠标滑过或悬停字体变色，能给用户一个很好的体验效果。如何制作鼠标滑过字体变色，可以通过css提供了鼠标滑过伪类选择器（:hover）对样式进行修改。
a{ color:#0D66E3 } /* 超链接默认颜色蓝色 */
a:hover{color:#E30D0D} /* 超链接默认颜色蓝色 */
上述可以了解默许超链接字体色彩为蓝色“color:#0D66E3”，鼠标悬停时字体色采为深红色“ E30D0D}”。可见要旋转鼠标悬停色彩就设置a:hover。
示例代码：
<!--DOCTYPE html-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>鼠标悬停颜色改变实例</title>
<style>
a{color:#0D66E3} /* 默认网页超链接颜色蓝色 */
a:hover{color:#E30DB5} /* 默认网页超链接悬停颜色粉红色 */
.zhiding a{ color:#0D66E3 } /* 指定对象超链接默认颜色蓝色 */
.zhiding a:hover{color:#E30D0D} /* 指定对象超链接悬停颜色颜色深红色 */
</style>
</head>
<body>
<p>欢迎来到<a href="http://www.fzlyblog.cn/">听海風说</a>为默认网页超链接</p>
<p class="zhiding">此处为<a href="https://www.fzlyblog.cn">指定对象超链接</a>下一指定对象<a href="https://www.fzlyblog.cn">超链接</a> </p>
</body>
</html>
设置两种体现情况代码说明：
- 默认网页：设置装备摆设默认网页超链接字体为蓝色，鼠标悬停时是粉红色（a{ color:#0D66E3} a:hover{color:#E30DB5
- 指定对象：设置指定对象内超链接字体默许为绿色，鼠标悬停时字体色调为深红色。.zhiding a{ color:#0D66E3 } .zhiding a:hover{color:#E30D0D}
效果如下：
除此之外还可以利用a:hover实现指定文本链接字体加粗{font-weight:bold}、字体大小{font-size:30px}等样式
本文地址：https://8ik.cn/archives/183
关注我们：请关注一下我们的微信公众号：扫描二维码
，公众号：Hey_MrBoss
版权声明：本文为原创文章，版权归 捌栢科 所有，欢迎分享本文，转载请保留出处！ 资源下载说明：本网站所有资源部分来源于互联网收集整理，部分为本站原创，网络收集整理的资源均经本站测试过可用，请放心下载，如存在BUG和瑕疵的，请自行修改，您下载的资源包含模版主题、插件等因为特殊性为可复制品，如付费下载的，均不支持任何理由的退款，还请谅解。
关注我们：请关注一下我们的微信公众号：扫描二维码
，公众号：Hey_MrBoss版权声明：本文为原创文章，版权归 捌栢科 所有，欢迎分享本文，转载请保留出处！ 资源下载说明：本网站所有资源部分来源于互联网收集整理，部分为本站原创，网络收集整理的资源均经本站测试过可用，请放心下载，如存在BUG和瑕疵的，请自行修改，您下载的资源包含模版主题、插件等因为特殊性为可复制品，如付费下载的，均不支持任何理由的退款，还请谅解。
