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

・サンプル

	ドラム式洗濯乾燥機・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; }

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

就職祝