初心者大歓迎！HTMLを使って一緒にHP作成してみませんか？

　「さて、今回は枠線の色を変えてみるぞぃ。」

　「これでカラフルな表が作れるのぅ。
　　　　今回のタグは　</TABLE border>〜</TABLE>　の
　　　　開始タグの中に入れるぞぃ。」



　表の枠線に色をつけるタグ
-----------------------------------------------------------------


　bordercolor="■"　：　枠線の色を■にする。


　bordercolorlight="●"　：　枠線の明るい色の部分を●にする。

　bordercolordark="▲"　：　枠線の暗い色の部分を▲にする。

　　　　　　　　　　　　　　　　　　　　（■、●、▲には数字を入れる）


-----------------------------------------------------------------



　「枠線の色を1色にしたい時は上のタグだけ、
　　　　2色にしたい時は下のタグを2つセットで使うんじゃ。」


　「わかりました。
　　　　それにしても・・・スペル長いなぁ・・・。」


　「ふぉっふぉっふぉっ。確かに長いのぅ。
　　　　じゃが分けてみると簡単な単語ばかりじゃよ。

　　　　border（枠線）　color（色）　light（明るい）

　　　　border（枠線）　color（色）　dark（暗い）

　　　　こんなかんじじゃ。」


　「ホントだ。分けてみるとわかりやすいですね。」


　「うむ。
　　　　light　は左と上の枠線、
　　　　dark　は右と下の枠線じゃ。
　　　　必ずしも同系色の明るい色と暗い色を入れる必要はないぞぃ。
　　　　では実際に使ってみようかのぅ。」

　「色がわかりやすいように、
　　　　太さを　border="10"　にしておるぞぃ。
　　　　ではブラウザで見てみようかのぅ。」

　「枠線の色を指定しても、枠線の太さを　0　にしておったら
　　　　まったく意味ないぞぃ。」


　「枠線の太さを必ず指定しないといけないってことですか？」


　「いや、太さを指定なしの時は

　　　　<TABLE border bordercolor="■">　〜　</TABLE>

　　　　となるじゃろぅ？この赤字の　border　を忘れてしまうことがよくあるのでな。」


　「うっかり忘れちゃいそうですね。気をつけま〜す☆」


　「うむ。では今回は・・・。」


　「あ、先生！あの、今までやった表の枠線って
　　　　微妙に2重線になってませんか？」


　「2重線、というと・・・？」


　「えっと、外枠の中にさらセルごとに枠ができてますよね？」


　「おお、これか。」


　「この内側の枠線って消すことはできないんですか？」


　「もちろんできるぞぃ。
　　　　これは内側の枠線を消す、のではなく
　　　　外枠とセルの間の空白をなくす、というタグじゃな。
　　　　それはまた次回説明するぞぃ。今回はこれでおしまいじゃ。」






↑ページのTOPへ

表の枠線を変えよう <<<　前のページへ戻る

外枠とセルの間隔を指定しよう 次のページへ進む　>>>

サルでもわかる？かんたんHTML　トップページ 　>>>　＃６．表 　>>>　表の枠線に色をつけよう