首页 > Web开发 > 详细

css--超链接

时间:2019-06-21 11:23:33      阅读:125      评论:0      收藏:0      [点我收藏+]

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

    

css--超链接

原文:https://www.cnblogs.com/layuechuquwan/p/11063551.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!