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

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


这个网页只用到了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


无标签
评论区
头像
    头像
    不吃芒果
      

    太牛了博主