サンプル・３

テーブル見本

★　サンプル・３　★

１．外枠線の色が赤色のテーブル

（ソース）

<TABLE border="2" bordercolor="#ff0000">
　<TR><TD>１行１列め</TD><TD>１行２列め</TD><TD>１行３列め</TD></TR>
　<TR><TD>２行１列め</TD><TD>２行２列め</TD><TD>２行３列め</TD></TR>
　<TR><TD>３行１列め</TD><TD>３行２列め</TD><TD>３行３列め</TD></TR>
</TABLE>

（表示例）

１行１列め １行２列め １行３列め
２行１列め
 ２行２列め ２行３列め
３行１列め
 ３行２列め ３行３列め

２．外枠線の色がスカイブルーのテーブル

上の１のソースの、枠線の太さを10にして、色を変えると

１行１列め １行２列め １行３列め
２行１列め
 ２行２列め ２行３列め
３行１列め
 ３行２列め ３行３列め

３．陰影の色を変えたテーブル

枠線の明るい部分（上と左）と暗い部分（下と右）の色を別々に設定できます。
明るい部分は、 bordercolorlight で、暗い部分は bordercolordark で指定。

（ソース）

<TABLE border="7" bordercolorlight="#dda0dd" bordercolordark="#800080">
　<TR><TD>１行１列め</TD><TD>１行２列め</TD><TD>１行３列め</TD></TR>
　<TR><TD>２行１列め</TD><TD>２行２列め</TD><TD>２行３列め</TD></TR>
　<TR><TD>３行１列め</TD><TD>３行２列め</TD><TD>３行３列め</TD></TR>
</TABLE>

（表示例）

１行１列め １行２列め １行３列め
２行１列め
 ２行２列め ２行３列め
３行１列め
 ３行２列め ３行３列め

© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: