四、块级链接

  1. <html> 
  2. <head> 
  3.     <title>块级链接</title> 
  4.     <style type="text/css"> 
  5.         a { 
  6.             display:block;/*块级链接*/ 
  7.             height:30px; 
  8.             width:100px; 
  9.             text-align: center;  
  10.             background: #CCC;  
  11.         } 
  12.         a:hover { color: #FFF; 
  13.                   text-decoration: none; 
  14.                   background: #333; 
  15.                  } 
  16.     </style> 
  17. </head> 
  18. <body> 
  19.     <ol> 
  20.         <li><a href="#">链接一</a></li> 
  21.         <li><a href="#">链接二</a></li> 
  22.         <li><a href="#">链接三</a></li> 
  23.         <li><a href="#">链接四</a></li> 
  24.         <li><a href="#">链接五</a></li> 
  25.     </ol> 
  26. </body> 
  27. </html> 

块级链接的好处:增大了链接可单击的区域,对用户更加友好!