a标签如何去掉下划线

从设计的角度看,网页文字带下划线真心难看,以前某些新闻网站就是全部都带上下划线,看完网站首页直接晕倒在厕所,更不用看内页了,首页就已经这么纠结。。这时就想着怎么去掉a标签的下划线,提高下用户体验。下面就简单介绍下a标签。

操作方法

  • 01

    先说说a标签的默认外观;在浏览器中,a标签超链接总有三种外观; 第一种,默认的“蓝色+下划线” 外观,表示“未被访问的链接”,就是此链接没有被点击过,如图所示;

  • 02

    第二种,默认的“紫色+下划线” 外观,表示“已被访问的链接”,就是此链接已被点击过,如图所示;

  • 03

    第三种,默认的“红色+下划线” 外观,表示“活动链接”,就是鼠标移到链接上的时候展示出来的颜色,如图所示;

  • 04

    想要去掉上述所提到的下划线,当然就需要去除a标签默认的样式了; 我们可以这么做: 一,在head头部里面写样式,a{text-decoration:none; 如图所示;

  • 05

    二、或在a标签内联里面写style="text-decoration:none;";如图所示;

  • 06

    再回头看看页面展示;如图所示;下划线没有了!大功告成~~~

  • 07

    延伸一下,其他几种外观,对应的设置不一样的 伪类样式就可以啦。比如a:visited{text-decoration:none;}等等。

  • 08

    再延伸一下,现在有些网页直接把链接做成按钮的形式了,于是我们可以把a标签改写成块元素,在style加上“display:block”,然后设置其他样式属性就可以了;

(0)

相关推荐

  • word怎么去掉下划线/横线?

    Word中的文字不注意添加了下划线/横线,看着很不舒服,如何把这些下划线/横线去掉?Word下划线/横线去掉.删除的方法-小编来为大家详细的介绍. Word中下划线工具去掉下划线/横线 1.全部选中需 ...

  • a标签去掉下划线

    在HTML开发中,我们经常是用a标签来添加链接的,但默认情况下这个标签会有一个下划线,怎么去掉这个下划线?下面来看一下. 操作方法 01 先看下我们的测试代码,页面里就只有一个div,div里有一个a ...

  • 如何去掉下划线

    如果没有对<a>标签进行css的处理,默认会自动带了一个下划线,那如何去掉这个下划线呢?只需要对<a>标签设置text-decoration: none;样式即可. 语法:a{ ...

  • ps文字如何去掉下划线?

    之前在photoshop中添加的文字,都没发现有下划线的,怎么最近添加的都有?如何去掉这个下划线?下面一起来看下. 操作方法 01 打开photoshop,并打开一张图片 02 点击左边工具栏上的文字 ...

  • 告诉你word下划线如何去掉?

    有时候阅览文档的时候,文档已经把文字配带了下划线,但是自己又不想要下划线,我们就需要去掉它,那么如何去掉下划线呢,还有如何改变字体为斜体呢?下面让我来告诉你吧! 操作方法 01 第一步:打开word文 ...

  • 删除Chrome或ChromePlus超级链接的下划线

    在Chrome或ChromePlus中,超级链接的下划线距离文字太近,非常的难看,下面用CSS去掉下划线: Chrome 找到 c:UsersAdministratorAppDataLocalGoog ...

  • word打字自带下划线怎么取消

    word打字自带下划线取消分为以下情况: 方法一(红色波浪线) 红色波浪线,这是因为WORD 具有自动更正功能 1.如文档中圈出来的有波浪线的地方,单击"文件"按钮. 2.在弹出的 ...

  • word文档中如何制作空白下划线?

    在word中,空白下划线会经常用到.如何制作空白下划线呢?用三种办法.第一种,在要下划线的地方输入,并在文字下面添加下划线,然后删除文字.第二种,按下shift键,再多按几次键盘的小横线.第三种,利用 ...

  • 如何删除ppt超链接下划线 ppt删除超链接下划线

    我们在使用ppt进行演示文稿的时候,需要添加超链接,这个时候有时候需要去掉下划线等等,之前介绍了如何添加超链接,下面介绍下如何进行操作 操作方法 01 打开ppt文档编辑界面,插入完超链接之后,可以看 ...