首页 >web前端 >前端问答 > 正文

html超链接字体颜色怎么改

原创2021-04-28 14:56:1201029

html超链接字体颜色的修改方法:首先新建一个html文件;然后给a标签的文字40px的大小,并设置文字粗细;接着设置a标签的link伪元素的颜色并设置下划线;最后设置点击后的伪元素acticed为另一个颜色即可。

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

设置颜色和点击后颜色需要用标签的link和active伪类才能实现。

具体方法是,首先新建一个html文件,这里写入两个a标签,一个用来演示:

c69145c4abfb7fd098b50dd9689913f.png

接着设置样式,这里给a标签的文字40px的大小,并设置文字粗细。

然后设置a标签的link伪元素的颜色并设置下划线,设置点击后的伪元素acticed为另一个颜色,并取消下划线。上面的设置完成后,接下去看看效果:

5b24411e764c0072b1b074db838d4b1.png

打开浏览器,点击演示组的链接,颜色变成了蓝色,对照组则未变化。

以上就是设置超链接字体颜色和点击后的字体颜色的方法:

63b91c1965c7b5ab0656cbe4b9aab0c.png

更多详细的HTML/css知识,请访问HTML视频教程栏目!

以上就是html超链接字体颜色怎么改的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:html
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    藏色散人

    好好学习天天向上!

    最近文章
    javascript bom 有什么用440
    javascript是什么端143
    JavaScript中new是什么意思618
    推荐视频教程
  • HTML 代码实例HTML 代码实例
  • HTML5 极速入门HTML5 极速入门
  • 前端课程(五郞八卦棍系列)第一棍:HTML5前端课程(五郞八卦棍系列)第一棍:HTML5
  • Web开发基础_HTML+CSSWeb开发基础_HTML+CSS
  • 视频教程分类