0
点赞
收藏
分享

微信扫一扫

前端学习-CSS超链接的伪装

Star英 2022-01-08 阅读 78

<!DOCTYPE html>

<html lang="zh">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

        /* 未点击 */

        a:link{

            color: springgreen;

            font-size: 20px;

        }

        /* 点击后 */

        a:visited{

            color:red

        }

        /* 鼠标移动到位置 */

        a:hover{

            color:royalblue;

            font-size: 60px

           }

        /*鼠标左键按住*/

        a:active{

            color:silver;

            font-size: 30px;

        }

       

    </style>

</head>

<body>

    <a href="https://www.youku.com">这是一个网站</a>

</body>

</html>

举报

相关推荐

0 条评论