テーブルタグ colgroup列~グループ化 2~
前回に続き、今回もテーブルのグループ化タグcolgroupについて書いてみたいと思います <colgroup> <col>行単位で列(横のセル)をグループ化するタグ。 楽天ブログではstyle属性は使えません。spanwidthalign(左右位置)valign(上下位置)bgcolorグループ化する列の数幅left,center,righttop,middle,bottom背景色colgroup,colでグループ化したテーブルの例◆IE7での表示◆◆firefox3.0.6での表示◆※firefoxでは、align・bgcolor・valignは、style属性で指定しないと、ききません。widthは、ききます。★上記テーブルは、こんなソースになっています★ 4列の幅をcolでグループ化したテーブル八重咲きオダマキ/クレマチス咲きオダマキなど★上記テーブルのソースはコチラ★ 終了タグ</col>は省略可<table cellpadding="2" cellspacing="2" style="border: 3px double thistle; text-align: center; width: ■px; height: ●px; "><caption>テーブル表題</caption><!-- 4列(横)のグループ化ここから --><col span="4" width="70"><!-- 4列(横)のグループ化ここまで --><tfoot><tr style="text-align: right; font-size:9px;"><td colspan="4">フッターになります</td></tr></tfoot><!-- 1行目ここから --><tr style="height: 70px;"><td style="border: 2px dotted #d8bfd8;">●アフィリリンク●</td><td style="border: 2px dotted #d8bfd8;">●アフィリリンク●</td><td style="border: 2px dotted #d8bfd8;">●アフィリリンク●</td><td style="border: 2px dotted #d8bfd8;">●アフィリリンク●</td></tr><!-- 1行目ここまで --><!-- 2行目ここから --><tr style="height: 70px;"><td style="border: 2px dotted #d8bfd8;">●アフィリリンク●</td><td style="border: 2px dotted #d8bfd8;">●アフィリリンク●</td><td style="border: 2px dotted #d8bfd8;">●アフィリリンク●</td><td style="border: 2px dotted #d8bfd8;">●アフィリリンク●</td></tr><!-- 2行目ここまで --></table>ホーム日記PC関連カテゴリー素材サイト様リンク集