您好,登录后才能下订单哦!
本文小编为大家详细介绍“css怎么设置超链接字体鼠标悬停颜色改变效果”,内容详细,步骤清晰,细节处理妥当,希望这篇“css怎么设置超链接字体鼠标悬停颜色改变效果”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
css设置超链接鼠标悬停字体上时字体变色彩,css配置鼠标悬停变色机关。
鼠标悬停字体上笔墨变色,一般针对超链接锚文本字体色调旋转,使用了伪类:hover。扩张涉猎明白《超链接a标签》!
a{ color:#00F} a:hover{ color:#F00}
剖明:默许超链接字体色彩为蓝色“color:#00F”,鼠标悬停时字体色采为血色“ color:#F00”。可见要旋转鼠标悬停色彩就设置a:hover
1、div css实例代码
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>鼠标悬停色调旋转 实例 css5.com.cn</title> <style> a{ color:#00F}/* 默许超链接字体色彩为蓝色 */ a:hover{color:#F00}/* 默认超链接字体悬停时色彩为红色 */ .zhiding a{ color:#090} .zhiding a:hover{ color:#F0F} </style> </head> <body> <p>迎接脱离<a href="//www.css5.com.cn/">CSS5</a>深造CSS技术手段!</p> <p class="zhiding">指定对象<a href="#">超链接</a>字体悬停色调改变!</p> </body> </html>
说明:
1)、设置装备摆设默许网页超链接字体为蓝色,鼠标悬停时是赤色(a{ color:#00F} a:hover{color:#F00});
2)、同时设置指定对象内超链接字体默许为绿色,鼠标悬停时字体色调为粉红色。
2、截图
读到这里,这篇“css怎么设置超链接字体鼠标悬停颜色改变效果”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。