HTML <colgroup> 标签

html <colgroup> 标签用于对表格中的列进行组合，以便对其进行格式化

使用 <colgroup> 标签可以向整个列应用样式，而不需要重复为每个单元格或每一行设置样式

只能在 <table> 元素之内，在任何一个 <caption> 元素之后，在任何一个 <thead>、<tbody>、<tfoot>、<tr> 元素之前使用 <colgroup> 标签

如果想对 <colgroup> 中的某列定义不同的属性，可以在 <colgroup> 标签内使用 <col> 标签

属性

属性	值	描述
align	left right center justify char	html5 不支持 设置在列组合中内容的水平对齐方式
char	character	HTML5 不支持 设置根据哪个字符来对齐列组中的内容
charoff	number	HTML5 不支持 设置第一个对齐字符的偏移量
span	number	设置列组应该横跨的列数
valign	top middle bottom baseline	HTML5 不支持 定义在列组合中内容的垂直对齐方式
width	pixels % relative_length	HTML5 不支持 设置列组合的宽度

范例

<colgroup> 和 >col> 标签为表格中的三个列设置了背景色

<table border="1">
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>