html怎么去除字体下划线？去除字体下划线方法

互联网 18-11-20

怎样去除字体下划线？去除字体下划线有哪些方法？对于很多刚刚入门的新手来说，不太清楚html怎么去除字体下划线？下面我们来总结一下。

一：超链接去除字体下划线

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

css样式代码：

a{text-decoration:none}

代码如下：

<!DOCTYPE html>  <html>  <head>  <meta charset="utf-8" />  <title>取消去掉下划线</title>  <style>  a{ text-decoration:none}  </style>  </head>  <body>  欢迎来到<a href="http://www.php.cn/">php中文网</a>!  </body>  </html>

显示效果如下：

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

二：去掉字体下划线

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

u{text-decoration:none}

以上就是对html怎么去除字体下划线？去除字体下划线方法的全部介绍，如果你想了解更多有关CSS3教程，请关注php中文网。

以上就是html怎么去除字体下划线？去除字体下划线方法的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签：方法

html怎么去除字体下划线？去除字体下划线方法

相关资讯

标签推荐