超链接CSS样式

在网页中调用CSS的方法:在<head></head>之间加入以下一行代码

<link href="http://pannijingling.blog.163.com/blog/css/yangshi.css" rel="stylesheet" type="text/css" />
a:active是超级链接的初始状态
a:hover是把鼠标放上去时的状况
a:link 是鼠标点击时
a:visited是访问过后的情况
链接定义的顺序是link,visited,active,hover,为了页面的美观,一般只用link和hover就可以了

<style type="text/css">
    a:link {
        color: #0000FF;
        text-decoration: none;
    }
    a:visited {
        color: #00FF00;
    }
    a:hover {
        color: #FFCC00;
    }
    a:active {
        color: #FF0000;
        text-decoration:none;
    }
</style>

猜你喜欢

转载自blog.51cto.com/1197822/2154225