美文网首页
a标签的伪类

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>

相关文章

  • CSS3--过渡

    a标签的伪类选择器 什么是a标签的伪类选择器?a标签的伪类选择器是专门用来修改a标签不同状态的样式的 格式::li...

  • CSS权重

    important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符...

  • 过度模块

    a标签的伪类选择器 作用: a标签的伪类选择器是专门用来修改a标签不同状态的样式的 a标签的状态: 默认状态, 从...

  • a标签的伪类

  • CSS--超级链接的美化

    超;链接就是a标签 1、伪类 同一个标签,根据用户的某种状态不同,有不同的样式,这就叫做“伪类”。 因为a标签要看...

  • 伪类选择器---鼠标滑过的效果

    伪类选择符 更有趣的是伪类选择符,为什么叫做伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式,比...

  • css面试

    (1)选择器权重 important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象...

  • a标签伪类选择器

    1.什么是a标签的伪类选择器? a标签的伪类选择器是专门用来修改a标签不同状态的样式的 2.格式 :link 修改...

  • CSS中超链接伪类link,visited,hover,acti

    超链接标签的CSS伪类包括link,visited,hover,active。 1. a伪类解释: link:设置...

  • CSS过渡模块

    a标签的伪类选择器 a标签的伪类选择器是专门用来修改a标签不同状态下的样式的 格式::link 修改从未被访问过状...

网友评论

      本文标题:a标签的伪类

      本文链接:https://www.haomeiwen.com/subject/rltopttx.html