border-collapse:collapse;
table{
border-collapse:collapse; //去除table之间的空隙
}

image.png

image.png
colgroup
<table>
<colgroup>
<col width = 100> //表示第一列的宽度
<col width = 200 bgcolor = red> //表示第二列的宽度,背景色【也可以在td中设置class,可是这样显得更专业】
</colgroup>
<thead>
</thead>
</table>
顺序问题
thead、tbody、tfooter的顺序都是可以随便的,浏览器会自动渲染成正确的