表の枠線

表の枠線は線の太さの他に色の指定もでき、表を立体的に見せる効果もあります。

<TABLE　border="外枠"> 表の外枠の太さを指定します。(ピクセル)
<TABLE　cellspacing="罫線"> 表のすべての罫線の太さを指定します。（ピクセル）
<TABLE　cellpadding="間隔"> 罫線と文字の間隔を指定します。（ピクセル）
<TABLE　bordercolor="色"> 枠線の色を指定します。色は#rrggbb(16進数表記)または色名で指定します。
<TABLE　bordercolorlight="色"> 枠線の明るい部分の色を指定します。
<TABLE　bordercolodarkr="色"> 枠線の暗い部分の色を指定します。

●実際にソース表示と画面表示を見てみましょう。

ソース表示 画面表示
【パターン１】
　<TABLE border="1" cellspacing="1">
　　<TR><TD>パターン1</TD></TR >
　</TABLE>

【パターン２】
　<TABLE border="3" cellspacing="5">
　　<TR><TD>パターン2</TD></TR >
　</TABLE>
【パターン３】
　<TABLE border="1" cellspacing="5"cellpadding="3">
　　<TR><TD>パターン3</TD></TR >
　</TABLE>
パターン1


パターン2


パターン3
<TABLE　border="1"　cellspacing="0">
　　<TR><TD>パターン4</TD></TR >
　</TABLE>
パターン4
<TABLE　border="5"　cellspacing="5"　bordercolorlight="blue"　bordercolordark="black">
　　<TR><TD>パターン5</TD></TR >
　</TABLE>
パターン5


◆戻る