css--超链接

Css 超链接样式 (伪类就是超链接)

 在以往的超链接中都有难看的下划线

So    为了去除下划线,用以下代码

 <a href="#" style="text-decoration: none;">去下划线超链接样式</a>

  文本修饰

 

a标签未被访问时的样式

  a:link{

      color:xxxx   

  }

 

 

  a标签被访问过后的样式

  a:visited{

      color:xxxx 

   }

   

  当鼠标放到a标签的样式,任何元素都可以用hover

  a:hover{

      color:xxxx 

      }

  当鼠标点击时铛没松开的样式

  a:active{

         color:xxxx 

      }

  这4个伪类,必须按照(link、visited、hover、active)LVHA的顺序进行,不然浏览

器可能无法正常显示这4种样式。这4种样式定义顺序不能改变!

Active一般不必写

     任何元素都可以用hover,鼠标悬浮的样式

  #d1:hover{

    background-color:blue;

    变小手是pointer,也可以是别的十字线crosshair

    cursor: crosshair;

  }

注意是      : hover

    

posted @ 2019-06-21 11:20  腊月出去玩  阅读(422)  评论(0编辑  收藏  举报