Rumah > Artikel > hujung hadapan web > 详解<a> 的四种状态css伪类

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

高洛峰asal: 2017-03-27 10:05:042085semak imbas

这篇文章主要为大家详细详解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>

Atas ialah kandungan terperinci 详解<a> 的四种状态css伪类. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：CSS3中FLEX快速实现BorderLayout布局的方法Artikel seterusnya：CSS让英文单词的自动换行的方法介绍

Artikel berkaitan

Lihat lagi