table布局基本格式
<table border="1" cellspacing="0">
<thead>
<tr>
<th>姓名</th>
<th>學(xué)號</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>
姓名 | 學(xué)號 | 成績 |
---|---|---|
張三 | 12 | 89 |
李四 | 22 | 90 |
tr 表示行九昧,td表示列徊哑,th表示表頭標(biāo)題
最終上面的代碼形成下面對應(yīng)的表格
下面我們一起看看table的屬性有哪些呢?
- border:給表格及單元格加邊框,屬性值可以是1陶夜、2冀泻、3......
- width: 設(shè)置整個表格的寬
- height:設(shè)置整個表格的高
- 注意:設(shè)置完表格的寬高后常侣,每個單元格的寬高會自動分配
- border-spacing:0;控制單元格之間的空白為0
- border-collapse:collapse; 設(shè)置各單元格邊寬以及外邊寬重疊;
- cellpadding:設(shè)置內(nèi)容與邊框的距離
合并單元格的問題
- colspan 跨行合并
- rowspan 跨列合并