在网页中难免有若干对文字a超链接锚文本，但是在默认情况下带链接的文字全部都是有下划线效果的，那么如何把这个超链接的下划线效果给去掉呢？那我们就要借助强大的css了。
通过CSS设置要想让带超链接锚文本字体文字默认下划线消失，我们需要CSS样式单词text-decoration去掉下划线。
具体去掉全网页默认链接下划线实现无下划线CSS代码如下：
a{text-decoration : none}
以上CSS代码即可实现取消去掉下划线。
立即学习“前端免费学习笔记（深入）”；
DIV CSS知识扩展，默认链接无下划线效果，当鼠标移到对应文字上方悬停对应文字字体出现下划线，CSS样式代码：
a{text-decoration : none}
a:hover{text-decoration:underline}这样就会让网页中带链接文字下划线默认情况消失，但鼠标移到锚文本文字上方悬停时才出现下划线样式效果。
以下为，默认情况下带链接文字没有下划线，鼠标经过悬停在锚文本字体上方时出现CSS下划线。
实例完整HTML源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>无下划线实现 DIVCSS5</title>
<style>
a{ text-decoration:none}
a:hover{ text-decoration:underline}
</style>
</head>
<body>
欢饮来到<a href="http://www.php.cn">www.php.cn</a>关于默认链接无下划线实例
</body>
</html>相关阅读：
以上就是css怎么去掉超链接下划线的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
986
收藏
