colgroupとは

colgroupの使用例［HTMLソースコード］

<table>
<colgroup style="background : #cdcdcd ; ">
<col>
<col>
</colgroup>
<col style="background : #efefef ;">
 <tr>
  <td>ホームページ作成</td>
  <td>ホームページの設計から作成まで全て</td>
  <td>○○円～</td>
 </tr>
 <tr>
  <td>コンテンツ作成</td>
  <td>画像の加工からコンテンツの作成まで</td>
  <td>○○円～</td>
 </tr>
 <tr>
  <td>SEO対策</td>
  <td>キーワードの選定からホームページの構造設計まで</td>
  <td>○○円～</td>
 </tr>
</table>

colgroupの使用方法解説

　「colgroup要素」は、表組みの列のグループ(column group)を表わします。
　「table要素」の子要素として、「caption要素」よりも後、「thead要素」や「tbody要素よ」りも前に記述する必要があります。
　「colgroup要素」を利用することで、列のグループが明確になり、CSSによるスタイリングをシンプルかつ簡易なものにすることができます。