css怎么去掉超链接下划线
程序员文章站
2022-03-19 10:42:53
...
在网页中难免有若干对文字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怎么去掉超链接下划线的详细内容,更多请关注其它相关文章!
上一篇: 网页中Span和Div的区别_经验交流
推荐阅读
-
PowerPoint超链接字体颜色修改、怎么去掉超链接下划线
-
怎么把button按钮设为超链接_html/css_WEB-ITnose
-
怎么去掉html中的超链接
-
请问html里面怎么弄一个超链接下载apk文件?_html/css_WEB-ITnose
-
怎么去掉链接的下划线
-
css怎么去掉边缘线_html/css_WEB-ITnose
-
怎么设置才能一点击超链接是一个游戏页面,然后再点击才是想要的页面_html/css_WEB-ITnose
-
点击Chrome浏览器里的输入框后,会出现一个黄色的矩形框,怎么去掉这个?_html/css_WEB-ITnose
-
请问html里面怎么弄一个超链接下载apk文件?_html/css_WEB-ITnose
-
android去掉超文本、超链接的下划线——终极解决方案