Html代码中去除超链接下划线的两种方法

阿里云代金券 腾讯云代金券 VULTR优惠码 Ucloud云主机

我们在建站的时候,有时候会遇到一个问题,就是文章中的超链接会显示下划线。但是除了一些正常的超链接之外,我们还希望某些超链接不显示下划线,比如我们放到按钮中的链接,如果有下划线就会显示的不太美观。

关于超链接去掉下划线的方法网上有很多的文章分享,不过大部分都是修改CSS,如:

<style>       a{text‐decoration: none;}   //这个是设置a标签的默认状态去除下划线      </style>

其实,很多时候我们只是为了修改单个的链接显示,修改CSS有些太繁琐了,此时我们可以直接在html代码的<a>标签里面进行修改。如:

可以直接在a标签中加入:style="text-decoration:none" 即可。

楚狂人:这是个超链接,但是没有下划线。代码如下:

<a style="text-decoration:none" href="https://www.chukuangren.com">楚狂人</a>

这样更适合我们针对单个超链接进行修改。希望能帮助到大家,觉得有用可以点个赞哦,谢谢了。

赞(1) 领红包
转载注明:楚狂人 » Html代码中去除超链接下划线的两种方法

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

云计算我们是认真的

阿里云服务器腾讯云服务器

扫码领红包 或者 支付宝搜索:5981405

支付宝扫一扫打赏