如何去掉下划线

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

操作方法

  • 01

    打开html开发工具,新建一个html代码,然后创建一个有文字的<a>标签。

  • 02

    保存html代码,使用浏览器打开可以看到,<a>标签里面的文本默认带了一个下划线。

  • 03

    回到html代码页面,创建<style>标签,然后设置下划线为none。 css样式: a{text-decoration: none;}

  • 04

    保存html代码,使用浏览器打开可以看到,<a>标签里面的文本已经没有下划线。

(0)

相关推荐

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

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

  • a标签如何去掉下划线

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

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

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

  • a标签去掉下划线

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

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

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

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

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

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

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

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

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

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

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