其他分享
首页 > 其他分享> > a标签样式

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标签按钮样式

标签:样式,标签,decoration,color,background,text
来源: https://www.cnblogs.com/wlei5206/p/15649467.html