a标签去掉下划线

给a标签添加样式:  text-decoration: none; 后  鼠标移动到a标签上仍然有下划线。。。

    <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参数表示超链接的文字有下划线

posted @ 2016-09-17 22:37  三高娘子  阅读(240)  评论(0)    收藏  举报