テンプレ1:シンプル ブルーライン |
---|
|
<table style="width:600px; height:650px; padding:10px; background-color:#ffffff;border:1px dashed silver;"> <tr><td> <table style="width:100%;height:100px;border-bottom:10px solid powderblue"> <tr> <td align=center valign=middle> 上部エリア </td> </tr> </table> <table cellspacing=5px style="width:100%;margin-top:5px;"> <tr style="height:100px;"> <td align=left valign=top rowspan=5 style="width:200px;padding:10px;border-right:10px solid powderblue;"> 左のエリア </td> <td align=center valign=middle style="width:120px; border-bottom:1px dashed silver;"> ☆画像1☆ </td> <td align=left valign=top style="width:400px;padding:10px; border-bottom:1px dashed silver;"> エリア1 </td> </tr> <tr style="height:100px;"> <td align=center valign=middle style="width:120px; border-bottom:1px dashed silver;"> ☆画像2☆ </td> <td align=left valign=top style="width:400px;padding:10px; border-bottom:1px dashed silver;"> エリア2 </td> </tr> <tr style="height:100px;"> <td align=center valign=middle style="width:120px; border-bottom:1px dashed silver;"> ☆画像3☆ </td> <td align=left valign=top style="width:400px;padding:10px; border-bottom:1px dashed silver;"> エリア3 </td> </tr> <tr style="height:100px;"> <td align=center valign=middle style="width:120px; border-bottom:1px dashed silver;"> ☆画像4☆ </td> <td align=left valign=top style="width:400px;padding:10px; border-bottom:1px dashed silver;"> エリア4 </td> </tr> <tr style="height:100px;"> <td align=center valign=middle style="width:120px;"> ☆画像5☆ </td> <td align=left valign=top style="width:400px;padding:10px; "> エリア5 </td> </tr> </table> </td></tr> <tr height=15px> <td colspan=3 align=right style="border-top:1ps dashed #cccccc;font-size:10px; padding-right:small;"> <a href="http://plaza.rakuten.co.jp/unamama">Designed by unamama</a> </td> </tr> </table>