●「border=**」●
前のソースだけでは、表だかなんだか分からないので枠を付けます。
<table border=**>
・・・
(中省略)
・・・
</table>
|
|
<table border=2>の場合
<table border=5>の場合
|
●「align=**」●
表の位置を決めます。
<table border=2 align=**>
・・・
(中省略)
・・・
</table>
|
|
「align=right」の場合
「align=center」の場合
※ 表が中央にならない場合もあるので<center>タグを使った方が無難かもしれません。
ちなみに私の場合は、この指定でセンターリングされません。下の表示結果は、実は、<center>タグをお借りしてます。(＾＾；
「align=left」は、省略します。
|
●「widht=** height=**」●
表のサイズを決めます。
<table border=2 align=center width=**
height=**>
・・・
(中省略)
・・・
</table>
|
|
「widht=250
height=70」の場合
「width=350
height=120」の場合
ただ、これだけ(＾＾)
|
●「cellspacing=**」●
罫線のサイズを決めます。
<table border=2 align=center width=250 height=70 cellspacing=**>
・・・
(中省略)
・・・
</table>
|
|
「cellspacing=5」の場合
「cellspacing=10」の場合
cellspacing=**の数値を増やす場合は、
表の大きさも考えないといけないですね！なんか窮屈そうです。（＾＾；
|
●「cellpadding=**」●
セル内の広さを決めます。
表示結果が分かりやすいように、 width=** height=**の指定を外します。
<table border=2 align=center cellspacing=5 cellpadding=**>
・・・
(中省略)
・・・
</table>
|
|
「cellpadding=**」の指定が無い場合
「cellpadding=5」の場合
「cellpadding=10」の場合
|
●「bgcolor="#******"」●
Ａ●「bordercolorlight="#******"」●
Ｂ●「bordercolorlight="#******"」●
Ｂ●「bordercolordark="#******"」●
枠、罫線の色を指定する時。但しInternet Explorer3.0以上。Netscapeでは無効
又、ここでは変化が分かりやすい様に width、border、cellspacing、cellpadding、
の指定を大きくします。
（１）
<table border=10 align=center width=350
cellspacing=10 cellpadding=10
bgcolor="#******"
bordercolor="#******">
・・・
(中省略)
・・・
</table>
（２）
<table border=10 align=center width=350
cellspacing=10 cellpadding=10
bgcolor="#******"
bordercolorlight="#******"
bordercolordark="#******">
・・・
(中省略)
・・・
</table>
|
|
（１）の場合
「bgcolor="#9f8ae2"」と
Ａ「bordercolor="#7a5cb2"」の組み合わせ。
（２）の場合
「bgcolor="#9f8ae2"」と
Ｂ「bordercolorlight="#7a5cb2"」
「bordercolordark="#3c205c"」の組み合わせ。
Internet Explorer3.0以上で観覧している方は、分かりますよね。
セル内の色も同じになっていますが、ここの色の指定は....
ん〜、ここではやめて次へ行きましょう。(＾＾)
|
| 
