【响应式Web前端设计】:link、:hover、:active和:visited的区别

:link、:hover、:active和:visited的区别?
:link表示鼠标点击之前,也称为原始状态
:hover表示鼠标悬停状态
:active表示鼠标点击状态
:visited表示鼠标点击之后状态

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html" charset="UTF-8">
    <title>isolated star学习四个伪类选择器</title>
    <style type="text/css">
        /*点击之前*/
        a:link {
            background-color: red;
        }
        /*鼠标悬停状态*/
        a:hover {
            background-color: green;
        }
        /*点击状态*/
        a:active {
            background-color: blue;
        }
        /*点击之后状态*/
        a:visited {
            background-color: gray;
        }
        /*改变文字的默认颜色以及消除下划线*/
        a{
            color: white;
            text-decoration: none;
        }
    </style>
</head>
<body>
    <!--伪类元素选择器(原始状态[:link];鼠标悬停状态[:hover];点击状态[:active];点击之后[:visited])-->
    <a href="http://www.aimacademy.cn/" target="_blank">点击进入爱玛学院</a>
</body>
</html>


李响Superb CSDN认证博客专家 机器学习 TensorFlow 图像处理
成为一名优秀的算法工程师⬆️ ,
目前还在读软件工程,
AI攻防、算法和深度学习方向,
微博同名❤️ :李响Superb,
(记得关注,有问题微博私信!)
我们一起努力呀!
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 猿与汪的秘密 设计师:白松林 返回首页
实付 9.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值