首页 网络技术
  1. 正文

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怎么设置超链接字体鼠标悬停颜色改变效果
本文链接:https://www.qqooo.cn/post/6868.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 xsds@vip.qq.com 处理,谢谢!