首页 >web前端 >css教程 >详解<a> 的四种状态css伪类

详解<a> 的四种状态css伪类

高洛峰
高洛峰原创
2017-03-27 10:05:042120浏览

这篇文章主要为大家详细详解3499910bf9dac5ae3c52d5ede7383485 的四种状态css伪类,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>colajia</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<style>
   a:link{
      /*初始的颜色*/
      color: red;
   }
 
   a:visited{
      /*f访问后的颜色*/
      color:gray;
   }
 
   a:hover{
      /*鼠标放上去的颜色*/
      color: yellow;
   }
 
   a:active{
      /*鼠标点中的颜色*/
      color:green;
   }
</style>
</head>
    <body>
      <a href="#">kkkkkkk</a>
      <!-- 注意事项
            1.css允许针对a标签的4种状态设置各自的特性,叫做css伪类
            2.active一般不用
            3.顺序严格遵守:LVHA
            4.a:link 可简写 a
 
       -->
    </body>
</html>

以上是详解<a> 的四种状态css伪类的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn