HTML之colgroup与col

colgroup

<colgroup>标签用于对表格中的列进行组合，以便对其进行格式化。 通过使用 <colgroup>标签，可以向整个列应用样式，而不需要重复为每个单元格或每一行设置样式。 只能在 table 元素内使用 <colgroup> 标签。

<table border="1" width="60%">
        <colgroup span="2" style="background: #aad31a"></colgroup>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        ......
    </table>

col

<col>标签为表格中一个或多个列定义属性值。如需对全部列应用样式，<col>标签很有用，这样就不需要对各个单元和各行重复应用样式了。只能在 table 或 colgroup 元素中使用 <col> 标签。

<table border="1" width="60%">
        <col span="2" style="background: #df330d">
        <col span="2" style="background: #2aa3a0">
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        ......
    </table>

提示：如果您希望为一组表格列规定相同的属性值，请使用 元素。
提示：如果您希望为多个表格列规定不同的属性值，请使用 元素。