CSS样式中的伪类

最新推荐文章于 2024-04-25 20:37:26 发布

原创最新推荐文章于 2024-04-25 20:37:26 发布 · 361 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

个人记事专栏收录该内容

3 篇文章

订阅专栏

<html>
  <head>
    <meta charset="UTF-8">
    <title>a标签的伪类</title>
    <style>
      a:link{color: green;text-decoration:none; }
      /*未访问的链接*/
      a:visited{color: blue;}
      /*已经访问的链接*/
      a:hover{color: orange;text-decoration:underline;}
      /*鼠标停留在链接上*/
      a:active{color: red;}
      /*被选择的链接*/
      /*love hate*/
      .div1{
        height: 100px;
        width: 200px;
        background: yellow;
        border: 2px solid black;
      }
      .div1:hover{
        background: lightblue;
      }
    </style>
  </head>
  <body>
    <a href="https://www.baidu.com/12324?">点击一下试试看</a>
    <!-- <div class="div1"></div> -->
  </body>
</html>