[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