MENU

去掉网页超链接的下划线和字体颜色

May 29, 2018 • 前端学习

最近在自己写一个网页,用自己那点薄弱的前段技术,终于要写完了。(那种修修改改,这补补,哪加加的方式)

这个网页只用到了css和html5相关的知识,所以对我这个只会前端的人来说,还是简单的。毕竟对于js什么的可是一屁不懂的,再高级的玩不了ԅ(¯ㅂ¯ԅ)。
今天在写网页底部的footer时,发现了这个问题。
-3a4f1b1aa2941c5.jpg
超链接上有下划线和颜色,看起来很不爽ヽ(‘⌒´メ)ノ。
于是就对超链接字体进行了css属性定义,
代码如下:

<style type="text/css">
a:link { text-decoration: none;color: #FFF}
a:active { text-decoration: none;color: #FFF}
a:hover { text-decoration:none;color:  #FFF}
a:visited { text-decoration: none;color:  #FFF}
 
</style>

其中:
a:link 指正常的未被访问过的链接;
a:active 指正在点的链接;
a:hover 指鼠标在链接上;
a:visited 指已经访问过的链接;
text-decoration是文字修饰效果的意思;
none参数表示超链接文字不显示下划线;
underline参数表示超链接的文字有下划线;
color就不用说了吧。颜色随意。
这就是加了属性后的效果。
50632a8205eebf23.jpg


OK,任务完成,又一水文!(ಡωಡ)hiahiahia


本文基于《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权。 『去掉网页超链接的下划线和字体颜色』文章链接:https://www.lkxin.cn/archives/272.html (本站文章除特殊说明,均为原创。转载时请注明本文出处及文章链接)

Tags: None
Archives QR Code Tip
QR Code for this page
Tipping QR Code