CSS学习系列三:伪类和伪元素

CSS学习系列三:伪类和伪元素

  Note:a:visited      a:active     a:hover        a:link 这个a:link一定要紧密联系

 

  
  
  
  
  1.  
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
  3. <html> 
  4.   <head> 
  5.     <title>伪类和伪元素</title> 
  6.     <link href="" type="text/css" rel="stylesheet"/> 
  7.     <style type="text/css"> 
  8.     <!--  
  9.     a:visited {text-decoration: none; color: #000000;font-size: 10px;}/*未被访问的*/  
  10.     a:active {text-decoration: none;color: green;font-size: 10px;}/*已经访问过的*/  
  11.     a:hover {text-decoration: underline;color: black;font-size: 12pt;}/*鼠标经过的时候*/  
  12.     a:link {text-decoration: none;color: red;font-size: 10pt;}  
  13.     --> 
  14.     </style> 
  15.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
  16.    </head> 
  17.    <body> 
  18.        <p><a href="http://www.google.com">未访问过的作用链接</a></p> 
  19.        <p><a href="#">已经被访问的超级链接</a></p> 
  20.        <p><a href="#">普通链接</a></p> 
  21.   </body> 
  22.  
  23. </html> 

 

你可能感兴趣的:(html,PHP,Web,css,Javascript )