CSS之链接属性 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接状态设置</title>
    <style>
        /*链接的几种状态都是有顺序的，必须是link、visited、hover、active，因为有些浏览器不兼容，用谷歌顺序颠倒无所谓，依旧可以 */
        a:link { /*未访问过的链接状态设置*/
            color: #666666;
            text-decoration: none; /*取消下划线*/
            font-size: 30px;
            font-weight: bold;
            font-family: "华文行楷", serif;
        }

        a:visited { /*已经访问过的链接状态设置*/
            color: darkgrey;
        }

        a:hover { /*鼠标触碰链接时的状态设置*/
            color: red;
            background-color: #EDEEF0; /*鼠标触碰时的背景颜色*/
        }

        a:active { /*鼠标点击的那一刻链接的状态,或者鼠标长按时的状态设置*/
            color: yellow;
        }
    </style>
</head>
<body>
<a href="http://www.wuyounice.com">链接</a>
</body>
</html>

 

posted @ 2019-04-05 16:33  showTimehzy  阅读(218)  评论(0)    收藏  举报