<colgroup>
<colgroup>を利用すると、
<table>内の列に対して有効な属性を設定できます。
列に所属する複数のセルに対してまとめてCSSを設定するような事ができます。
<colgroup>を利用する場合は、
<table>内の
<caption>よりも後ろで、
<thead>,
<tbody>,
<tfoot>,
<tr>よりも前に入れる必要があります。
<colgroup>内に
<col>要素がない場合はspan属性を設定する必要があります。
span属性は1以上の整数で、<colgroup>の対象となる列数を設定できます。
例
<table border="1">
<colgroup span="1" style="background-color:red">
<colgroup span="2" style="background-color:blue">
<tr><td>a1</td><td>b1</td><td>c1</td></tr>
<tr><td>a2</td><td>b2</td><td>c2</td></tr>
</table>
実際の表示