去掉a标签的下划线

a标签是超链接，它会有下划线。下面，我们来看看如何去掉a标签的下划线吧。

操作方法

  • 01

    代码，可以看到链接下方有下划线，如下图所示： <a href="https://www.sogou.com/">souGo</a>

  • 02

    写一个样式表，如下图所示： <style type="text/css"> </style>

  • 03

    然后写超链接样式，如下图所示： <style type="text/css"> a{ text-decoration:none } </style>

  • 04

    显示结果 结果看到超链接下划线已经去掉了，如下图所示： 总代码： <html> <body> <head> <style type="text/css"> a{ text-decoration:none； } </style> <a href="https://www.sogou.com/">souGo</a> </head> </body> </html>

赞 (0)

相关推荐

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

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

  • wps红色下划线怎么去掉（word红色下划线怎么去掉）

    wps红色下划线怎么去掉（word红色下划线怎么去掉）

    相信很多小伙伴都为Word中莫名出现的红色波浪线,而困扰过.很多时候精心对Word内容进行排版后,往往都会因为Word文字下的红色波浪线而影响美观.那么我们应该怎样将其去掉呢?下面就随小编一起来看一下 ...

  • a标签如何去掉下划线

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

  • word2010：[9]如何去掉页眉页脚的下划线

    熟悉office的朋友对页眉页脚也是非常的了解了,当我们添加页眉页脚的时候总有一道下划线,那怎么可以取消掉呢?下面小编介绍一下方法. 添加页眉 01 打开word,我们先添加页眉,在插入标签下,找到页 ...

  • 解决WPS文字链接下划线问题

    选中插入的文字，拖黑，右击选择快捷菜单中的“超链接”的命令，打开“插入超链接”对话框，选择图片“玫瑰.gif”，单击“确定”按钮完成插入。 设置好链接，发现文字下出现下划线，并且文字变色。 通过一定设 ...

  • a标签去掉下划线

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

  • 如何去掉下划线

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

  • 怎样去掉Word文档中英文字下面的下划线

    因此，当我们在Word文档中输入中文、英文或其它符号的时候，往往会看到某些英文或中文的下面有下划线，并且，这些下划线有的是红色的，而有的是绿色的，还有的则是蓝色的…看下图吧。 上图中，部分英文的下面就 ...

  • PowerPoint去掉超链接下划线 超链接字体颜色修改方法

    经常在做PPT幻灯片时会遇到这样一个问题，给文字加超链接后发现链接的颜色是蓝色的，而且还带有下划线，这种效果与主题的色彩搭配简直是太影响美观效果了。有没有什么办法可以去掉PPT中的超链接下划线?再将超 ...