外枠・画像枠ありテーブルタグ（行選択・基本３列）

テーブル枠とスタイルシートに1行以上選択行を追加するとテーブルが作成できます。
5種類の行を用意しました。

テーブルタグ枠のみ（HTML）※必要
<table class="t100i"> ここに追加行を上書きしてください </table>


・サンプル

画像１	画像２	画像３
名前１	名前２	名前３

行追加用テーブルタグ※１つ以上選択
（<table>〜</table>の中に追加してください。）
<tr> <td class="t33i"> 画像１ </td> <td class="t33i"> 画像２ </td> <td class="t33i"> 画像３ </td> </tr> <tr> <td class="t33d"> 名前１ </td> <td class="t33d"> 名前２ </td> <td class="t33d"> 名前３ </td> </tr>


・サンプル

画像１	画像２	説明文
名前１	名前２

行追加用テーブルタグ※１つ以上選択
（<table>〜</table>の中に追加してください。）
<tr> <td class="t33i"> 画像１ </td> <td class="t33i"> 画像２ </td> <td class="t33m" rowspan="2"> 説明文 </td> </tr> <tr> <td class="t33d"> 名前１ </td> <td class="t33d"> 名前２ </td> </tr>


・サンプル

説明文	画像１	画像２
	名前１	名前２

行追加用テーブルタグ※１つ以上選択
（<table>〜</table>の中に追加してください。）
<tr> <td class="t33m" rowspan="2"> 説明文 </td> <td class="t33i"> 画像１ </td> <td class="t33i"> 画像２ </td> </tr> <tr> <td class="t33d"> 名前１ </td> <td class="t33d"> 名前２ </td> </tr>


・サンプル

画像１	説明文
名前１

行追加用テーブルタグ※１つ以上選択
（<table>〜</table>の中に追加してください。）
<tr> <td class="t33i"> 画像１ </td> <td class="t66a" rowspan="2"> 説明文 </td> </tr> <tr> <td class="t33d"> 名前１ </td> </tr>


・サンプル

説明文	画像１
	名前１

行追加用テーブルタグ※１つ以上選択
（<table>〜</table>の中に追加してください。）
<tr> <td class="t66a" rowspan="2"> 説明文 </td> <td class="t33i"> 画像１ </td> </tr> <tr> <td class="t33d"> 名前１ </td> </tr>


・サンプル

説明文

行追加用テーブルタグ※１つ以上選択
（<table>〜</table>の中に追加してください。）
<tr> <td class="t100u"> 説明文 </td> </tr>

使用スタイルシート（CSS）※必要
スタイルシート使用方法（スタイルシートの設定・基本スタイルシート１）
枠線の変更は、追加スタイルシート１を参照
/*外枠・画像枠ありテーブルタグ（行選択・基本３列）*/ /*外枠部分*/ .t100i { width: 100%; border: 1px #000000 solid; text-align: center; } /*画像部分*/ .t33i { width: 33%; border: 1px #000000 solid; padding: 5px; text-align: center; } /*名前部分*/ .t100u { width: 100%; border: 1px #000000 solid; padding: 5px; text-align: left; } .t66a { width: 66%; border: 1px #000000 solid; padding: 5px; text-align: left; } .t33d { width: 33%; padding: 5px; text-align: center; vertical-align: top; } .t33m { width: 33%; border: 1px #000000 solid; padding: 5px; text-align: left; }

外枠・画像枠ありテーブルタグ（行選択・基本３列）

母の日

外枠・画像枠ありテーブルタグ（上段：画像×３、下段：名前×３、枠色違い、背景色、凸） ライトブルー

・サンプル（ライトブルー）

レゴ シティ アドベントカレンダー	炎神戦隊ゴーオンジャー 炎神合体シリーズ10~12 炎神合体DXキョウレツオー	くもんのNEW日本地図パズル

テーブルタグ（HTML）
<table class="t100x"> <tr> <td class="t33b"> 画像１ </td> <td class="t33b"> 画像２ </td> <td class="t33b"> 画像３ </td> </tr> <tr> <td class="t33u"> 名前１ </td> <td class="t33u"> 名前２ </td> <td class="t33u"> 名前３ </td> </tr> </table>
行追加用テーブルタグ（</table>の前に追加してください。）
<tr> <td class="t33b"> 画像１ </td> <td class="t33b"> 画像２ </td> <td class="t33b"> 画像３ </td> </tr> <tr> <td class="t33u"> 名前１ </td> <td class="t33u"> 名前２ </td> <td class="t33u"> 名前３ </td> </tr>

使用スタイルシート（CSS）枠線の変更は、追加スタイルシート１を参照
/*外枠・画像枠ありテーブルタグ（上段：画像×３、下段：名前×３、枠色違い、背景色、凸）*/ /*外枠部分*/ .t100x { width: 100%; border-width: 1px; border-style: solid; background-color: #add8e6; border-color: #0000ff #e0ffff #e0ffff #0000ff; text-align: center; } /*画像部分*/ .t33b { width: 33%; border-width: 1px; border-style: solid; background-color: #FFFFFF; border-color: #e0ffff #0000ff #0000ff #e0ffff; padding: 5px; text-align: center; } /*名前部分*/ .t33u { width: 33%; border-width: 1px; border-style: solid; background-color: #add8e6; border-color: #e0ffff #0000ff #0000ff #e0ffff; padding: 5px; text-align: center; vertical-align: top; }

外枠・画像枠ありテーブルタグ（上段：画像×３、下段：名前×３、枠色違い、背景色、凸）

卒業祝

外枠・画像枠ありテーブルタグ（３列、中列２分割、背景色）

・サンプル

	ドラム式洗濯乾燥機・8kg
	ノンフロン電気冷蔵庫・375L
	家電2点セット
	オーブンレンジ・16L

テーブルタグ（HTML）
<table class="t100t"> <tr> <td class="t33x" rowspan="2"> 画像１ </td> <td class="t33aq"> 名前１ </td> <td class="t33x" rowspan="2"> 画像２ </td> </tr> <tr> <td class="t33ap"> 名前２ </td> </tr> <tr> <td class="t33x" rowspan="2"> 画像３ </td> <td class="t33aq"> 名前３ </td> <td class="t33x" rowspan="2"> 画像４ </td> </tr> <tr> <td class="t33ap"> 名前４ </td> </tr> </table>
行追加用テーブルタグ（</table>の前に追加してください。）
<tr> <td class="t33x" rowspan="2"> 画像１ </td> <td class="t33aq"> 名前１ </td> <td class="t33x" rowspan="2"> 画像２ </td> </tr> <tr> <td class="t33ap"> 名前２ </td> </tr>

使用スタイルシート（CSS）
スタイルシート使用方法（スタイルシートの設定・基本スタイルシート１）
枠線の変更は、追加スタイルシート１を参照
/*外枠・画像枠ありテーブルタグ（３列、中列２分割、背景色）*/ /*外枠部分*/ .t100t { width: 100%; border: 1px #000000 solid; background-color: #a0522d; text-align: center; } /*画像部分*/ .t33x { width: 33%; border: 1px #000000 solid; background-color: #FFFFFF; padding: 5px; text-align: center; } /*名前部分*/ .t33ap { width: 33%; border: 1px #000000 solid; background-color: #ffa500; padding: 5px 5px 5px 10px; text-align: right; } .t33aq { width: 33%; border: 1px #000000 solid; background-color: #ffd700; padding: 5px 10px 5px 5px; text-align: left; }

外枠・画像枠ありテーブルタグ（３列、中列２分割、背景色）

就職祝

外枠・画像枠ありテーブルタグ（３列、右列２分割、背景色）

・サンプル

		SUPERMARKET FANTASY [初回限定盤:CD+DVD] [CD+DVD] [Limited Edition]
		WE LOVE ヘキサゴン リミテッドエディション(完全限定生産盤) [CD+DVD] [Limited Edition]
		無責任ヒーロー(初回限定盤)(ユニットバージョン)(DVD付) [Single] [CD+DVD]
		無責任ヒーロー(初回限定盤)(バンドバージョン)(DVD付) [Single] [CD+DVD]

テーブルタグ（HTML）
<table class="t100t"> <tr> <td class="t33x" rowspan="2"> 画像１ </td> <td class="t33x" rowspan="2"> 画像２ </td> <td class="t33ao"> 名前１ </td> </tr> <tr> <td class="t33ao"> 名前２ </td> </tr> </table>
行追加用テーブルタグ（</table>の前に追加してください。）
<tr> <td class="t33x" rowspan="2"> 画像１ </td> <td class="t33x" rowspan="2"> 画像２ </td> <td class="t33ao"> 名前１ </td> </tr> <tr> <td class="t33ao"> 名前２ </td> </tr>

使用スタイルシート（CSS）
スタイルシート使用方法（スタイルシートの設定・基本スタイルシート１）
枠線の変更は、追加スタイルシート１を参照
/*外枠・画像枠ありテーブルタグ（３列、右列２分割、背景色）*/ /*外枠部分*/ .t100t { width: 100%; border: 1px #000000 solid; background-color: #a0522d; text-align: center; } /*画像部分*/ .t33x { width: 33%; border: 1px #000000 solid; background-color: #FFFFFF; padding: 5px; text-align: center; } /*名前部分*/ .t33ao { width: 33%; border: 1px #000000 solid; background-color: #FFFFFF; padding: 5px; text-align: left; }

外枠・画像枠ありテーブルタグ（３列、右列２分割、背景色）

引越祝

外枠・画像枠ありテーブルタグ（上段：画像×３、下段：名前×３、枠色違い、背景色、凸） ライトグリーン

・サンプル（ライトグリーン）

脚付マットレス・ポケットコイル・シングル	パイン材ベッドセット・シングル（限定スプリングマットレス付）	タモ材チェスト4段・ワイド
一年中使える羽毛ふとんセット・敷ふとん用・シングル	ポリエステルわた洗えるこたつふとん・長方形	ハンガリー産シルバーグース手選別羽毛掛ふとん二枚組・シングル

テーブルタグ（HTML）
<table class="t100af"> <tr> <td class="t33am"> 画像１ </td> <td class="t33am"> 画像２ </td> <td class="t33am"> 画像３ </td> </tr> <tr> <td class="t33an"> 名前１ </td> <td class="t33an"> 名前２ </td> <td class="t33an"> 名前３ </td> </tr> </table>
行追加用テーブルタグ（</table>の前に追加してください。）
<tr> <td class="t33am"> 画像１ </td> <td class="t33am"> 画像２ </td> <td class="t33am"> 画像３ </td> </tr> <tr> <td class="t33an"> 名前１ </td> <td class="t33an"> 名前２ </td> <td class="t33an"> 名前３ </td> </tr>

使用スタイルシート（CSS）枠線の変更は、追加スタイルシート１を参照
/*外枠・画像枠ありテーブルタグ（上段：画像×３、下段：名前×３、枠色違い、背景色、凸）*/ /*外枠部分*/ .t100af { width: 100%; border-width: 1px; border-style: solid; background-color: #90ee90; border-color: #228b22 #e0ffff #e0ffff #228b22; text-align: center; } /*画像部分*/ .t33am { width: 33%; border-width: 1px; border-style: solid; background-color: #FFFFFF; border-color: #e0ffff #228b22 #228b22 #e0ffff; padding: 5px; text-align: center; } /*名前部分*/ .t33an { width: 33%; border-width: 1px; border-style: solid; background-color: #90ee90; border-color: #e0ffff #228b22 #228b22 #e0ffff; padding: 5px; text-align: center; vertical-align: top; }

外枠・画像枠ありテーブルタグ（上段：画像×３、下段：名前×３、枠色違い、背景色、凸）

お歳暮