首页 >web前端 >css教程 >css怎么更改超链接字体颜色

css怎么更改超链接字体颜色

王林
王林原创
2020-11-27 13:49:059051浏览

css更改超链接字体颜色的方法:首先使用伪类来设置超链接,如【a:link】;然后借助color属性设置超链接颜色即可,如【a:link{color:#000000;}】。

css怎么更改超链接字体颜色

本文环境:windows10、css3,本文适用于所有品牌的电脑。

(学习视频分享:css视频教程

css使用下面几个伪类来设置超链接:

  • a:link :是未被访问的样式,可以在里面加很多东西,比如说去掉下划线,换颜色等功能都能在这里实现;

  • a:visited :是已被点击后的样式,也可以在里面加很多元素,可以去下划线,改颜色,放大等功能;

  • a:hover :这个是鼠标悬停的样式,这个等下有实例介绍,我们先来认识一下,是把鼠标停在超链接的位置的时候可以设置变颜色;

  • a:active :这个说是已被激活的样式,简单得说就是能把鼠标点上去的时候,瞬间出的样式,在很多网站上都有这种样式的;

使用下面的样式即可修改超链接颜色:

a:link{color:#000000;}      /* 未访问链接*/
a:visited {color:#00FF00;}  /* 已访问链接 */
a:hover {color:#FF00FF;}  /* 鼠标移动到链接上 */
a:active {color:#0000FF;}  /* 鼠标点击时 */

举例:

33523fde951aee991b49a4ef69dd1a9.png

相关推荐:CSS教程

以上是css怎么更改超链接字体颜色的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn