HTML5+CSS3_6_伪类（访问前，访问后，鼠标悬停，点击时）

泠泠七弦上111

已于 2024-08-19 11:24:45 修改

阅读量163

点赞数 4

分类专栏： HTML5+CSS3 文章标签： html5 css3 前端

于 2024-07-27 19:25:21 首次发布

本文链接：https://blog.csdn.net/2301_81057751/article/details/140739894

版权

HTML5+CSS3 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

效果图

代码

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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>伪类（访问前，访问后，鼠标悬停，点击时）</title>
  <style>
    /* :link 访问前 */
    a:link {
      color: red;
    }

    /* :visited 访问后 */
    a:visited {
      color: blue;
    }

    /* :hover 鼠标悬停 */
    a:hover {
      color: purple;
    }

    /* :active 点击时（激活） */
    a:active {
      color: green;
    }

    /* 注意：如果要给超链接同时设置以上四个状态，，需要按照LVHA的顺序书写。 */
  </style>
</head>

<body>
  <a href="http://www.baidu.com">百度一下</a>
</body>

</html>