HTML中怎么设置超链接字体颜色和点击后的字体颜色?

HTML中怎么设置超链接字体颜色和点击后的字体颜色?,第1张

超链接使用a标签,css直接定义a标签的字体颜色使用color属性,点击后的颜色要使用伪选择器:visited定义字体颜色即可。大概格式为

a{color: 您要展示的颜色}

a:visited {color: 您要的点击后颜色}

加入到style标签中

在css中加上下面代码就可以了

a:link,a:visited{color:#ffffff}

当然最好定义这个导航的Class的连接样式。比如你的这个导航条写是 class="dh",就写

.dh a:link,.dh a:visited{color:#ffffff}

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

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

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


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

原文地址: https://outofmemory.cn/tougao/11318728.html

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

发表评论

登录后才能评论

评论列表(0条)

保存