-- 表の枠 | |
|
|
|
Q 表の枠に色をつけたい |
A 「HTMLソース」を開いて、タグを書き込みば、色をつけることができます。 |
|||||||
|
●左の表は、「表の属性」で、「枠表示」を5ピクセル、「セル内の余白」を20ピクセルに、設定したものです。 タグは、下のようになります。
|
||||||
|
●この赤文字のところに、色の属性のタグ(bordercolor)を、追加します。 試しに、ピンク(#ff9999)に設定してみます。
ここで、気を付けなければいけないのが、 プラウザ(IEや、ネスケ)によって、見え方が異なるという点です。 ちなみに、IE4.0では、平面なピンクの枠に見えます。 |
||||||
|
●では、次に、bordercolordark”(枠の暗い部分の色)、”bordercolorlight”(枠の明るい部分の色)も、設定してみましょう。
ちなみに、IE4.0では、bodercolorで、設定した色が、見えなくなってしまいます。 |
|
●上の表で、「罫線の幅」を、“0”にすると(cellspacing="0")、こんな風になります。
|
||||||
|
●最後に、「表の属性」で、 「表の背景色」を薄いピンクに設定して、 各「セルの背景色」を白に設定すると、このようになります。 わかりやすいように、「罫線の幅」を"5"にしています。 プレビュー画面で、色を確認しながら、調節してください。
|
||||||
表の属性のhtmタグ | 意 味 | |
border | 枠線 (HPビルダーでは、 「枠表示」の数値) |
枠線の太さを指定します |
bordercolor | 枠線の色 | 枠線の色を指定します |
bordercolorlight | 枠線の明るい色(左半分) | 枠線の明るい色を指定します |
bordercolordark | 枠線の暗い色(右半分) | 枠線の暗い色を指定します |
bgcolor | 背景色 | 表の背景色を指定します |
cellspacing | 罫線の幅 | 枠線と、セルの間の幅を指定します |
cellpadding | セル内の余白 | セルの中の余白を指定します |
copyright(C)2002 A.Sakaguchi all rights reserved |