使用colgroup来统一表格的样式

使用colgroup来统一表格的样式

有时候我们的每一行的样式都是一样的

通常的做法是给每一个td添加一个class元素

如下面的代码

<table id="artable">
<tr>
	<td class="a1">111</td>
	<td class="a2">111</td>
	<td class="a3">111</td>
</tr>
<tr>
	<td class="a1">111</td>
	<td class="a2">111</td>
	<td class="a3">111</td>
</tr>
</table>
如果我们使用colgroup,就会变得非常容易,而且也易于后期维护,如下代码

<table id="artable">
	<colgroup>
		<col class="a1">
		<col class="a2">
		<col class="a3">
	</colgroup>

	<tr>
		<td>111</td>
		<td>111</td>
		<td>111</td>
	</tr>
        <tr>
		<td>111</td>
		<td>111</td>
		<td>111</td>
	</tr>
        <tr>
		<td>111</td>
		<td>111</td>
		<td>111</td>
	</tr>
</table>



爆款云服务器s6 2核4G 低至0.46/天,具体规则查看活动详情Blog Img