a标签的伪类

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>a标签的伪类</title>
  <style type="text/css">
  /*在需要a标签多种太壮的时候,一定要注意顺序
   link->visited->hover->active
   在不需要某种状态的时候,可以不写*/
   /*link 未点击的链接*/
   a:link{
    color: black;
   }
   /*visited 鼠标点击过的链接*/
   a:visited{
    color: gray;
   }
   /*hover 鼠标放上去之后的链接*/
   a:hover{
    color: green;
    display: block;
    height: 100px;
    width: 200px;
    background-color: palegreen;
   }
   /*active 鼠标按下去的链接*/
   a:active{
    color: yellow;
   }
  </style>
 </head>
 <body>
  <a href="#">章节目录</a>
  <a href="#">第一章</a>
  <a href="#">第二章</a>
 </body>
</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容