a标签的伪类

作者: 洛洛kkkkkk | 来源:发表于2016-11-28 08:23 被阅读0次

<!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>