a标签去掉下划线

在HTML开发中,我们经常是用a标签来添加链接的,但默认情况下这个标签会有一个下划线,怎么去掉这个下划线?下面来看一下。

操作方法

  • 01

    先看下我们的测试代码,页面里就只有一个div,div里有一个a标签。

  • 02

    按这个代码查看页面,可以看到这个页面就只有一个‘搜狗指南’的链接,可看到这个链接是带下划线的。

  • 03

    要取消下划线,很简单,我们在html里添加一个style属性,然后添加text-decoration: none;的样式就行了。

  • 04

    再次刷新页面,可以发现现在的链接已经没有下划线了。

(0)

相关推荐

  • a标签如何去掉下划线

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

  • 去掉a标签的下划线

    a标签是超链接,它会有下划线.下面,我们来看看如何去掉a标签的下划线吧. 操作方法 01 代码,可以看到链接下方有下划线,如下图所示: <a href="https://www.sog ...

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

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

  • html a标签的下划线以及各类划线问题

    关于html a标签的下划线以 及各类划线问题 操作方法 01 首先a标签在<a href="javascript:void(0);">测试</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.在弹出的 ...