關於table佈局的實例詳解

1、先看有間距的佈局效果：

2、少說多做，直接看程式碼（程式碼中有註解）

#

  1 nbsp;html>  2  
    5         <meta>  6         
  <meta>  7         
  <title>有间距的表格布局</title>  8         <style>   
  * { 10                 margin: 0; 11                 padding: 0; 12             }           
  table { 15                 width: 500px; 16                 margin-top: 30px; 17                
  border-collapse: separate; 18                 /*关键设置：间距5px*/ 19                 
  border-spacing: 5px; 20                 /*均匀分布效果*/ 21                 
  table-layout: fixed; 22             } 23              24             
  table th { 25                 height: 44px; 26                 
  font-size: 18px; 27                 color: #fff; 28                 
  text-align: center; 29                 background-color: #1262a2; 30             }              
  table td { 33                 height: 44px; 34                 
  font-size: 16px; 35                 
  color: #000; 36                 text-align: center; 37                 
  background-color: #e5e5e5; 38             } 39         </style> 40      41  42               
  

 44  45              46                  47                                             49                  50              51              52                     53  54                     
                         56                  57                  58  59                         60                      61                  62                     63                      64                      65                     66                  67                      68                         69                  70                  71                         72                      73                  74                     75                      76                         77                  78                  79                         80                      81                     82                  83                      84                         85                  86                  87                         88                      89                  90                     91                      92                         93                  94                  95                         96                      97                  98                     99                     100                        101                 102                 103                        104                     105                    106                 107                     108                        109                 110                 111                        112                                           114                       

部门	联系方式
综合办公室	65892365 35093269(FAX)
党群工作部	65895682
财务会计处	55216949
业务监管处	65896474
指挥中心	65899627 65899367(FAX)
航交所办事处	55130093 63233775(FAX)
政务中心	65355597 65890958(FAX)
上海海事局政务中心 浦东分中心	50151950 50151952(FAX)
第一执法大队	65892051
第二执法大队	55899652 55895608(FAX)
第三、第四执法大队	65894772
高桥石化签证点	58616257 58674012(FAX)
第二执法大队	55899652 55895608(FAX)
第三、第四执法大队	65894772
高桥石化签证点	58616257 58674012(FAX)

116            

 

#

以上是關於table佈局的實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！