CSS链接的四种状态:

  a:link ——普通的、未被访问的链接

  a:visited ——用户已访问的链接

  a:hover ——鼠标指针位于链接的上方

  a:active ——链接背点击的时刻

常见的链接样式:

  text-decoration属性大多用于去掉链接中的下划线

 

 1 a:link{
 2     color: red; /*未被点击是的颜色*/
 3     text-decoration: none;
 4     background-color: aqua;
 5 }
 6 a:visited{
 7     color: darkolivegreen; /*被点击过的颜色*/
 8 }
 9 
10 a:hover{
11     color: khaki;  /*鼠标放上去的颜色*/
12 }
13 
14 a:active{
15     color: blueviolet; /*点击时的颜色*/
16 }

 

posted on 2019-03-22 21:08  自闭少女  阅读(209)  评论(0编辑  收藏  举报