HTML <colgroup> 跨度属性

HTML <colgroup> 元素用于定义表格中一组列的属性，可以在表格的 <table> 标签内部作为子元素使用。<colgroup> 元素可以通过设置跨度属性来定义列的范围，并应用于一组列。

语法

以下是 <colgroup> 元素的基本语法：

<colgroup span="列跨度">
  <!-- 将要应用属性的列 -->
</colgroup>

• span 是用来指定列跨度的整数值。默认情况下，列跨度为1。

示例

以下是一个 <colgroup> 元素的示例：

<table>
  <colgroup>
    <col span="2" style="background-color: yellow;">
    <col style="background-color: green;">
  </colgroup>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
    <td>单元格3</td>
  </tr>
</table>

在上面的示例中，通过设置 <col> 元素的 span 属性，第一个和第二个列将具有跨度为2的样式，背景颜色为黄色。第三个列将保持默认样式，背景颜色为绿色。

属性

<colgroup> 元素支持以下属性：

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

浏览器支持

<colgroup> 元素的跨度属性得到了主流浏览器的广泛支持。

注意事项

• <colgroup> 元素必须作为 <table> 元素的直接子元素。
• 可以在一个表格中使用多个 <colgroup> 元素来定义不同的列组，但需要注意它们的顺序。
• 跨度属性仅适用于 <col> 元素，不会影响其他表格元素。

更多关于 <colgroup> 元素的信息可以查阅 HTML <colgroup> 元素的官方文档。