如何去掉超链接的下滑线

我们经常会遇到这种问题，是在html中我们添加了一个超链接，但是文字下面就有一条下划线，这样在外观上就感觉很不舒服。所以我们就要去掉下划线让他变得更美观；比如：

我有下划线

 文字中加下划线：

<p  style="text-decoration:underline">.................</p>

css去下划线：

<style type="text/css">
　　 <!--
　　 a:link { text-decoration: none;color: blue}
　　 a:active { text-decoration:blink}
　　 a:hover { text-decoration:underline;color: red}
　　 a:visited { text-decoration: none;color: green}
　　 -－>
　　 </style>

其中：
a:link 指正常的未被访问过的链接；
a:active 指正在点的链接；
a:hover 指鼠标在链接上；
a:visited 指已经访问过的链接；
text-decoration是文字修饰效果的意思；
none参数表示超链接文字不显示下划线；
　　underline参数表示超链接的文字有下划线

如果在wordpress中也遇到了这个问题，那就将以上代码放入到主题目录下的style.css文件中即可。(注：只放第二个代码）

然后我将这篇文章与wordpress整合，以便其他小伙伴阅读。

©️李联华的博客网 当前IP地址：3.147.7.185，归属地:俄亥俄州Dublin ，欢迎您的访问！