如何给超链接设置宽度和高度_html/css_WEB-ITnose

1、利用display：block属性

   1:      
   2: 
     
   3: 
     
   4: 
     
   5: 
     
   6: 
     
   7: .abc a{
     
   8:     display:block;
     
   9:     width:130px;
     
  10:     height:30px;
     
  11:     border:1px solid #000
     
  12: }
     
  13: 
     
  14: 
     
  15: 
     
  16:     
     
  17:         宽度130，高30
     
  18:     
     
  19: 
     
  20: 
          
效果：
   
   
2、float：left属性
   
    
     
   1:      
   2: 
     
   3: 
     
   4: 
     
   5: 
     
   6: 
     
   7: .abc a{
     
   8:     float:left;
     
   9:     width:150px;
     
  10:     height:50px;
     
  11:     border:1px solid #000
     
  12: }
     
  13: 
     
  14: 
     
  15: 
     
  16:     
     
  17:         宽度150，高50
     
  18:     
     
  19: 
     
  20: 
          
效果：
   
   
3、对a设置padding
   
    
     
   1:      
   2: 
     
   3: 
     
   4: 
     
   5: 
     
   6: 
     
   7: .abc a{
     
   8:     padding:10px 20px;
     
   9:     width:150px;
     
  10:     height:50px;
     
  11:     border:1px solid #000
     
  12: }
     
  13: 
     
  14: 
     
  15: 
     
  16:     
     
  17:         宽度150，高50
     
  18:     
     
  19: 
     
  20: 
          
效果：
   

   
 来源：http://www.ido321.com/741.html