テーブルに２色の枠をつけよう！

２色の枠を使うと立体的に見えます。

これが普通の枠の太さ

１２３
４５６
これが<TABLE BORDER=5>の枠の太さ

１２３
４５６
枠を太くすると、赤と黄色を使った事がよく分かるでしょ？
こんなカンジに２色の枠を付けるには
<TABLE BORDER BORDERCOLORLIGHT="カラーコード" BORDERCOLORDARK="カラーコード">と書きます。
<TABLE BORDER BORDERCOLORLIGHT="blue" BORDERCOLORDARK="black">
<TR>
<TD>１</TD>
<TD>２</TD>
<TD>３</TD>
</TR>
<TR>
<TD>４</TD>
<TD>５</TD>
<TD>６</TD>
</TR>
</TABLE>
青と黒を使いました。
左のように書いたのを表示させるとこうなります。

１２３
４５６
<TABLE BORDER BORDERCOLORLIGHT="Green" BORDERCOLORDARK="#7CFC00">
<TR>
<TD>１</TD>
<TD>２</TD>
<TD>３</TD>
</TR>
<TR>
<TD>４</TD>
<TD>５</TD>
<TD>６</TD>
</TR>
</TABLE>
緑と黄緑を使いました。
左のように書いたのを表示させるとこうなります。

１２３
４５６
<TABLE BORDER=5 BORDERCOLORLIGHT="#FFFF00" BORDERCOLORDARK="Red">
<TR>
<TD>目次に書いたようなテーブル</TD>
</TR>
</TABLE>
黄色と赤を使いました。
左のように書いたのを表示させるとこうなります。

目次に書いたようなテーブル
色違いｗ

２色の枠を使うテーブルの応用編で、
こんなテーブルも作れます。
ソースは↓の中
２色の枠を使うテーブルの応用編で、
こんなテーブルも作れます。
ソースは↓の中

テーブル作成の目次に戻る