📜  HTML colgroup标签(1)

📅  最后修改于: 2023-12-03 14:41:45.520000             🧑  作者: Mango

HTML colgroup标签

<colgroup>标签可用于在表格中组合列,允许您设置相同的样式(例如宽度、背景色等)。

语法:
<colgroup>
  <col>
  <col>
  ...
</colgroup>
属性:

<colgroup> 标签支持以下属性:

  • span:指定分组中列的数量。

  • style: 表格列的样式。

  • class:表格列的一个或多个类,用空格分隔。

示例:

以下是一个示例,其中两个相邻的表格单元格使用了一个 <colgroup> 来设置相同的样式。

<table border="1" style="width:100%">
  <colgroup>
    <col style="background-color:#c5ebd0">
    <col style="background-color:#86c06c">
  </colgroup>
  <tr>
    <th>一月</th>
    <th>二月</th>
  </tr>
  <tr>
    <td>100</td>
    <td>80</td>
  </tr>
</table>
注意事项:
  • <colgroup> 标签必须与<table> 标签配合使用。

  • 设置的任何属性都将应用到下一行数据,直到您定义其新的值或 <colgroup> 结束。

  • <colgroup> 可以包含一个或多个 <col> 标签。

  • 如果您同时使用了 <col><colgroup> 标签,则会优先使用<col>标签。

  • 旧版本的 HTML 中,width 属性用于设置列宽度,但已被 <col><colgroup> 标签替代,因此不推荐使用该属性。