019-a元素的伪类

最新推荐文章于 2022-07-31 17:00:00 发布

一只老黄牛

最新推荐文章于 2022-07-31 17:00:00 发布

阅读量142

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_36150351/article/details/113408192

版权

前端专栏收录该内容

34 篇文章 1 订阅

订阅专栏


<!DOCTYPE html>
<html lang="zn">
<head>
    <meta charset="UTF-8">
    <title>a元素的伪类</title>

    <style>
        /* 
            :link 用来表示没访问过的链接（正常的链接）
        */
        a:link{
            color: red;
        }

        /* 
            :visited 用来表示访问过的链接
            由于隐私的原因，所以visited这个伪类只能修改链接的颜色
        */
        a:visited{
            color: orange;
        }

        /* 
            :hover 用来表示鼠标移入的状态
        */
        a:hover{
            color: aqua;
            font-size: 50px;
        }

        /* 
            :active 用来表示鼠标点击
        */
        a:active{
            color: yellowgreen;
        }
    </style>
</head>
<body>
    <!-- 
        1. 没有访问过的链接
        2. 访问过的链接
     -->
     <a href="https://www.baidu.com/">访问过的链接</a>
     <br><br>
     <a href="https://www.baidu123.com/">没访问过的链接</a>

</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一只老黄牛

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
019-a元素的伪类

<!DOCTYPE html><html lang="zn"><head> <meta charset="UTF-8"> <title>a元素的伪类</title> <style> /* :link 用来表示没访问过的链接（正常的链接） */ a:link{ color: red; .
复制链接

扫一扫