<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>a标签的伪类</a></title>
    <style>
        /* 
        用来表示正常的链接
         */
        a:link{
   
            color: red;
        }
        /* 
        用来表示 点击过的链接
         */
         a:visited{
   
             color: yellow;
         }
         /* 
         鼠标移入的状态
          */
          a:hover{
   
              font-size: 30px;
          }
          /* 
          鼠标点击的状态 这个状态是指，鼠标点击到松开这段时间内
           */
           a:active{
   
               color: blue;
           }
    </style>
</head>
<body>
    <a href="https://www.bilibili.com">bilibili</a>
    <br>
    <a href="#">空链接</a>
    <p><a href="#">超链接  </a>
    </p>
    
</body>
</html>