## 表格标签  * table 表格 * thead 表格头 * th 元素定义表头 * tbody 表格主体 * tr 表格行 * td 元素定义表格单元 ~~~css table, th, td{ border: 1px solid black; } ~~~ ~~~ <table> <thead> <tr> <th>姓名</th> <th>年龄</th> </tr> </thead> <tbody> <tr> <td>张三</td> <td>18</td> </tr> <tr> <td>李四</td> <td>20</td> </tr> </tbody> </table> ~~~ <br> ## 单元格间隙合并  ~~~css table, th, td{ border: 1px solid black; } table{ /* 单元格间隙合并 */ border-collapse:collapse; } ~~~ ~~~ <table> <thead> <tr> <th>姓名</th> <th>年龄</th> </tr> </thead> <tbody> <tr> <td>张三</td> <td>18</td> </tr> <tr> <td>李四</td> <td>20</td> </tr> </tbody> </table> ~~~ ## 合并单元格 #### rowspan 属性规定单元格可横跨的行数 <table> <thead> <tr> <th>姓名</th> <th>年龄</th> <th>学历</th> </tr> </thead> <tbody> <tr> <td>张三</td> <td>18</td> <td rowspan="2">本科</td> </tr> <tr> <td>李四</td> <td>20</td> </tr> </tbody> </table> <br> #### colspan 属性规定单元格可横跨的列数 <table> <thead> <tr> <th>姓名</th> <th>年龄</th> <th>身份证年龄</th> </tr> </thead> <tbody> <tr> <td>张三</td> <td colspan="2">18</td> </tr> <tr> <td>李四</td> <td>20</td> <td>18</td> </tr> </tbody> </table> <br> <br> ## 练习  <br>