html去除字体下划线的方法

这篇文章主要介绍了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/">创新互联</a>! 
</body> 
</html>

显示效果如下：

html去除字体下划线的方法

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

二：去掉字体下划线

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

u{text-decoration:none}

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

当前文章：html去除字体下划线的方法
文章URL：https://www.cdcxhl.com/article14/pdgsge.html

成都网站建设公司_创新互联，为您提供电子商务、网站导航、网站策划、虚拟主机、商城网站、手机网站建设

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容