html怎么去除字体下划线？

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

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

　　css样式代码：

　　a{text-decoration:none}

　　代码如下：

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metacharset="utf-8"/>

　　<title>取消去掉下划线</title>

　　<style>

　　a{text-decoration:none}

　　</style>

　　</head>

　　<body>

　　欢迎来到<ahref="http://www.php.cn/">php中文网</a>!

　　</body>

　　</html>

　　显示效果如下：

　　微信截图_20181120114328.png

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

　　二：去掉字体下划线

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

　　u{text-decoration:none}

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c56562.shtml