[toc] # 1、表格所有元素  一個簡單的 HTML 表格，包含兩行兩列： ~~~ <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> ~~~ 結果如下：  注意：一般表是有thead、tbody、tfoot三部分組成，如果都不寫那么默認表中內容為<b>tbody</b>。  # 2、表格常用屬性 ## align  ~~~ <table border="1" width="200px"> <tr align="center"> <th>Month</th> <th>Savings</th> </tr> <tr align="center"> <td>January</td> <td>$100</td> </tr> </table> ~~~ 給tr加align="center"可以使行內元素居中，效果如下  ## cellspacing  ~~~ <h4>沒有 cellspacing：</h4> <table border="1"> <tr> <td>First</td> <td>Row</td> </tr> <tr> <td>Second</td> <td>Row</td> </tr> </table> <h4>帶有 cellspacing：</h4> <table border="1" cellspacing="0"> <tr> <td>First</td> <td>Row</td> </tr> <tr> <td>Second</td> <td>Row</td> </tr> </table> ~~~ 一般用cellspacing去除單元格之間距離，效果如下  ## border-collapse 表格去重復邊框一般用border-collapse:collapse