table布局基本格式
<table border="1" cellspacing="0">
<thead>
<tr>
<th>姓名</th>
<th>学号</th>
<th>成绩</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>12</td>
<td>89</td>
</tr>
<tr>
<td>李四</td>
<td>22</td>
<td>90</td>
</tr>
</tbody>
<tfoot>
</tfoot>
</table>
姓名 | 学号 | 成绩 |
---|---|---|
张三 | 12 | 89 |
李四 | 22 | 90 |
tr 表示行,td表示列,th表示表头标题
最终上面的代码形成下面对应的表格
下面我们一起看看table的属性有哪些呢?
- border:给表格及单元格加边框,属性值可以是1、2、3......
- width: 设置整个表格的宽
- height:设置整个表格的高
- 注意:设置完表格的宽高后,每个单元格的宽高会自动分配
- border-spacing:0;控制单元格之间的空白为0
- border-collapse:collapse; 设置各单元格边宽以及外边宽重叠;
- cellpadding:设置内容与边框的距离
合并单元格的问题
- colspan 跨行合并
- rowspan 跨列合并