基本的文本样式这里不做讨论

 

　　锚伪类：

　　a:link　　链接访问之前

　　a:visited　　连接访问之后

　　a:hover　　鼠标悬停

　　a:active　　鼠标点击时

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>a样式</title>
    <style type="text/css">
        a:link{
            display:block;
            width:100px;
            height:30px;
            background-color:#666;
            text-decoration:none; 
            font-weight:bolder;
            border:10px outset #aaa;
            line-height: 30px;
            text-align: center;
            color:#eee;
            margin:100px auto;
        }

        a:visited{color:#999;}
        a:hover{color:#fff;border:10px inset #999;}
        a:active{border:10px inset #aaa;background: #444}
    </style>
</head>
<body>
    <a href="http://www.baidu2.com" target="_blank">测试链接</a>
    <a href="http://www.baidu3.com" target="_blank">测试链接</a>
    <a href="http://www.baidu4.com" target="_blank">测试链接</a>
</body>
</html>