table的colgroup标签

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

table的colgroup标签

今天在代码中看到了标签，不知道什么意思就查阅了一下

例子：

<table border="1">
      <colgroup width="100" style="background:red;"></colgroup>
      <colgroup width="200" style="background:green;"></colgroup>
      <colgroup width="200" style="background:blue;"></colgroup>
      <tr>
          <td>你好</td>
          <td>你好</td>
          <td>你好</td>
      </tr>
      <tr>
          <td>你好</td>
          <td>你好</td>
          <td>你好</td>
      </tr>
      <tr>
          <td>你好</td>
          <td>你好</td>
          <td>你好</td>
      </tr>
  </table>

colgroup 标签用于对表格中的列进行组合，以便对其进行格式化。简单来说就是可以通过这个标签方便的设置这个表格一整列的样式。 上图代码就是将表格第一列的宽度设置为100，背景色设置为red。这样可以向整个列应用样式，而不需要重复为每个单元格或每一行设置样式。

属性

1. align 规定在列组合中内容的水平对齐方式。

2. char 规定根据哪个字符来对齐列组中的内容。

3. charoff 规定第一个对齐字符的偏移量。

4. span 规定列组应该横跨的列数。

5. valign 定义在列组合中内容的垂直对齐方式。

6. width 规定列组合的宽度。

PS：现在好多浏览器都不再支持的部分属性了，所以还是尽量不用吧