3 4 < head> 5 6 3 4 < head> 5 6

Maison >interface Web >tutoriel HTML >Explication détaillée d'exemples de disposition de table

Explication détaillée d'exemples de disposition de table

零下一度
零下一度original
2017-06-28 09:22:342075parcourir

1. Regardez d'abord l'effet de mise en page avec espacement :

2. Parlez moins et faites plus, regardez simplement le code (il y a des commentaires dans le code)

  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            

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn