6-2·100 css伪类 链接鼠标滑过变颜色

 

   

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>伪类 链接鼠标滑过效果</title>
    <style> 
    /*  */
            a:link {color: #000000;}  /*未访问的链接  */
            a:visited {color:#ffae00;}   /* 已访问链接 */
            a:hover {color:#FF00FF;}  /* 鼠标移动到链接上 */
            a:active {color:#0000FF;}  /* 鼠标点击时 */
    </style>
</head>

<body>
    <p><b><a href="https://www.inspur.com/" target="_bank">这是一个链接 浪潮公司</a></b></p>
    <p><b>注意：</b> a:hover 必须在 a:link 和 a:visited 之后，需要严格按顺序才能看到效果。</p>
    <p><b>注意：</b> a:active 必须在 a:hover 之后。</p>


</body>

</html>

效果
      

 

posted @ 2022-02-08 16:02  优敏行  阅读(119)  评论(0)    收藏  举报