如何正确的给表格添加边框

项目开发过程中，我们会遇到很多table，那么如何给table添加自己想要的边框，。

废话不多说，直接开撸：

1， 简单布局：

    <table>
        <tr><td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td></tr>
        <tr><td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td></tr>
        <tr><td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td></tr>
        <tr><td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td></tr>
     </table>

2，两种办法：

• 第一种，加入边框

    <table border="1px solid xxx">  
   
    <table border="1" cellspacing="0" cellpadding="0">  // cellspacing单元格间距，cellpadding单元格边距

• 第二种（相比第一种要简单）

    border-color: xxx; border-collapse: collapse;（边框合并，该属性设置表格的边框是否被合并为一个单一的边框）  

注意：不要给table设置边框。只设置颜色和边框合并。

    //给th，td 加入边框，
    border="1px solid xxx"