html去除字体下划线的方法

  介绍

这篇文章主要介绍了html去除字体下划线的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

<强>一:超链接去除字体下划线

很多前端编辑者,在给文字加上链接的的时候,超链接会出现一个下划线,系统会议自动添加下划线样式,很多人想去掉这个下划的线,不知道该怎么处理,其实我们完全可以使用css样式来去掉下划线。

css样式代码:

一个{文字修饰:没有}

代码如下:

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt;元charset=皍tf-8"/比;   & lt; title>取消去掉下划线& lt;/title>   & lt; style>   一个{文字修饰:没有}   & lt;/style>   & lt;/head>   & lt; body>   欢迎来到& lt; https://www.yisu.com/zixun/a href=" http://www.php.cn/"> !   身体   

显示效果如下:

 html去除字体下划线的方法

以上的css样式是去除网页上所有超链接的下划线,如果我们想要去掉某一个下划的线,我们就对其中一个链接去设置样式。

<强>二:去掉字体下划线

在html中,使用u标签是给字体加上下划线,如果想要去掉下划的线,就要使用css样式,代码如下:

u{文字修饰:没有}

感谢你能够认真阅读完这篇文章,希望小编分享html去除字体下划线的方法内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!

html去除字体下划线的方法