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

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

MORE! MORE! MORE!(初回生産限定)(DVD付) [CD+DVD] [Limited Edition]	color(初回限定盤) [Limited Edition]	unreal [Original recording]
YELLOW(初回生産限定盤)(DVD付) [CD+DVD] [Limited Edition]	PORNO GRAFFITTI BEST JOKER [Best of] [Limited Edition]	PORNO GRAFFITTI BEST ACE [Best of] [Limited Edition]

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

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

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

お中元