去除超链接下划线

手册/FAQ (539) 2015-10-22 14:36:36

      我们在做网页时,如果超链接样式不做处理时,默认超链接锚文本是带有下划线的。要是整个网页的超链接锚文本都带有下划线,对网页美观会大大打折。其实超链接去掉下划线是很简单的,只要在css上定义超链接样式即可,注意head标签中的css样式。


<html>

      <head>

            <title>html超链接去掉下划线 去除超链接下划线</title>

            <style type="text/css">

                * a:link,* a:visited{text-decoration:none;}

            </style>

      </head>

      </body>

      </body>

</html>


 

效果如下图:

a:link是定义未访问的超链接样式。
a:visited是定义已访问的超链接样式。
a:hover是定义当有鼠标停在超链接上的样式。
a:active是定义被选择的超链接的样式。

使用技巧:通常我们会将a:link和a:visited定义同一样式,a:hover和a:active定义同一样式。

 

THE END