a标签样式

<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title>a标签样式</title>
        <style media="screen">
        .a1 {
                    color: #000000;
                    padding: 10px;
                    text-decoration: none;
                    font-size: 16px;
                    background-color: #F8F8FF;
                }

                .a1:active {
                    background-color: #bec3c6;
                }
        .a2 {
                    background-color: #F1EFC7;
                    color: #000000;
                    padding: 10px;
                    text-decoration: none;
                    font-size: 16px;
                    box-shadow: #666 0px 0px 6px;
                }
                .a2:active{
                    background-color: #bdbc9d;
                }
        </style>
    </head>
    <body>
        <a class="a1" href="#">登录</a>
        <a class="a2" href="#">登录</a>
    </body>
</html>
引用：好看的a标签按钮样式