<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
<table border="1" cellspacing="0">
<!-- colgroup 表示表格列组,定义一组列表,只能用在table内 -->
<!-- span 指定colgroup横跨的列数 -->
<colgroup span="4" style="background-color: #a65b31;">
<!-- col 为表格中的某列设置属性值,只能在table或colgroup内使用 -->
<!-- 在colgroup标签内使用col标签对某列定义不同的属性 -->
<!-- span 指定col横跨的列数 -->
<col span="2" style="background-color:#25aff3">
<col style="background-color:#ffdc00">
</colgroup>
<tr>
<th>name</th>
<th>gender</th>
<th>occupation</th>
<th>age</th>
</tr>
<tr>
<td>Jack</td>
<td>Male</td>
<td>teacher</td>
<td>18</td>
</tr>
<tr>
<td>Mary</td>
<td>Female</td>
<td>worker</td>
<td>30</td>
</tr>
</table>
</body>
</html>
效果:
注释掉两行col: