这篇文章主要介绍了div CSS怎么去掉A超链接下划线的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇div css怎么去掉A超链接下划线文章都会有所收获，下面我们一起来看看吧。
这篇文章主要介绍了div CSS怎么去掉A超链接下划线的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇div css怎么去掉A超链接下划线文章都会有所收获，下面我们一起来看看吧。
text-decoration:none
解释：
CSS下划线格式单词：text-decoration
不闪现下划线（去掉字体下划线花色）：none
由于有的浏览器默认情况下超链接是有下划线，有的是不有下划线，一样平常会抗衡增加或去掉超链接的下划线技俩。
同一去掉超链接下划线CSS代码：
a{text-decoration:none}在CSS中最后背对a设置装备摆设多么去掉下划线样式便可默许初始化去掉超链接锚文本a标签默许字体下划线款式。
对抗去掉超链接下划线花式截图
一样平常除了拓荒DIV CSS前，就去掉或增进超链接下划线，假定在初始化中添加超链接笔墨下划线，在组织中无意又要去掉，这时就需要独自对超链接配置去掉下划线。
实例代码源代码以下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>去掉超链接下划线实例 CSS5</title>
<style>
a{text-decoration:underline}
a:hover{ text-decoration:none}.exp a{ text-decoration:none} </style> </head> <body> <p>欢迎接见<a href="//www.css5.com.cn/">CSS5</a>WEB!</p> <div class="exp"> 去掉超链接下划线实例，前去<a href="//www.css5.com.cn/">CSS5</a>首页！ </div> </body> </html>
注解：
a{text-decoration:underline}
a:hover{ text-decoration:none}对抗设置网页中带超链接字体默许显示下划线，鼠标悬停时辰去掉下划线。
.exp a{ text-decoration:none}设置装备摆设class=exp对象内的超链接默认去掉下划线，class=exp盒子内带超链接字体默认不闪现下划线。
关于“div css怎么去掉A超链接下划线”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“div css怎么去掉A超链接下划线”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注编程网VUE频道。
--结束END--
本文标题: div css怎么去掉A超链接下划线
本文链接: https://www.lsjlt.com/news/91186.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0