html里的a标签怎么改颜色

html里的a标签怎么改颜色,第1张

简单点的话,a { color:#f00 }

如果要全面修改的话,也就是设置a标签四个状态;

a:link {color: red} /* 未访问的链接 */

a:visited {color: green} /* 已访问的链接 */

a:hover {color: black} /* 鼠标移动到链接上 */

a:active {color: yellow} /* 选定的链接,即鼠标按下去的时候不松开显示的状态 */

顺序就是以上的顺序,修改了可能会导致某些状态设置失效。

1、设置颜色和点击后颜色需要用标签的link和active伪类才能实现。具体方法是,首先新建一个html文件,这里写入两个a标签,一个用来演示:

2、接着设置样式,这里给a标签的文字40px的大小,并设置文字粗细。然后设置a标签的link伪元素的颜色并设置下划线,设置点击后的伪元素acticed为另一个颜色,并取消下划线。上面的设置完成后,接下去看看效果:

3、打开浏览器,点击演示组的链接,颜色变成了蓝色,对照组则未变化。以上就是设置超链接字体颜色和点击后的字体颜色的方法:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7216488.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存