HTML <col> 标签

<col> 标签定义表格中一个或多个列的属性。

语法

<col attributes>

属性

• span: 指定列的跨度。默认值为 1。

示例

// www.javascriptcn.com code example
<!DOCTYPE html>
<html>
<head>
    <title>Col Tag Example</title>
</head>
<body>
    <table border="1">
        <colgroup>
            <col style="background-color: yellow;">
            <col span="2" style="background-color: lightblue;">
        </colgroup>
        <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
        </tr>
        <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
        </tr>
    </table>
</body>
</html>

在上面的示例中，我们使用 <colgroup> 和 <col> 标签来定义表格列的属性。第一个列使用了 background-color: yellow; 样式，第二个和第三个列使用了 background-color: lightblue; 样式并且跨度为 2。

这样可以让我们更灵活地控制表格的列属性，使表格更具有可读性和美观性。