激活的、已访问的、未访问的或者当有鼠标悬停在其上的链接 - 在线编辑器

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    a:link {
      color: green;
    }

    a:visited {
      color: green;
    }

    a:hover {
      color: red;
    }

    a:active {
      color: yellow;
    }
  </style>
</head>
<body>

  <p>将鼠标移上并点击此链接: <a href="https://www.mifengjc.com/">mifengjc.com</a></p>

</body>
</html>
​x
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    a:link {
      color: green;
    }
​
    a:visited {
      color: green;
    }
​
    a:hover {
      color: red;
    }
​
    a:active {
      color: yellow;
    }
  </style>
</head>
<body>
​
  <p>将鼠标移上并点击此链接: <a href="https://www.mifengjc.com/">mifengjc.com</a></p>
​
</body>
</html>