搜 索

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

  • 52阅读
  • 2018年05月29日
  • 1评论
首页 / 前端??‍? / 正文

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


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


无标签
打 赏
  • 支付宝
  • 微信
  • QQ
Alipay
WeChatPay
QQPay
评论区
不吃芒果 2022年5月27日 16:50
回复

太牛了博主

avatar