建站技巧：一段CSS代码给网站页面中超链接去除下划线

在建站的过程中有朋友希望能取消页面中超链接的下划线，我刚好在网上发现了一段简单的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>

使用方法：

将上面代码添加到相应网页html代码的头部即可，就是放在</head>之前就可以了，wordpress程序放在single.php文件中。

代码说明：

a:link 指正常的未被访问过的链接；

a:active 指正在点的链接；

a:hover 指鼠标在链接上；

a:visited 指已经访问过的链接；

text-decoration是文字修饰效果的意思；

none参数表示超链接文字不显示下划线；

underline参数表示超链接的文字有下划线

如果大家不希望修改现有链接的颜色，只是取消超链接下划线（或者叫锚文本的下划线）效果的话，只要一句：a:link { text-decoration: none;}就可以了。这个算一个小小的建站技巧吧，希望能帮到有需要的人，大神请忽略。