水平線(HRタグ)のCOLOR属性はインターネットエクスプローラは対応していますが、ネットスケープは対応していません。従ってどちらのブラウザでも同じように表示させるには画像を使うのが一般的ですが、ネットスケープもバージョン6.0以降はスタイルシートへの対応も進んできたので、ちょっと工夫すると色付きの水平線が引けます。
サンプルは上から夫々次のように記述しています。
<DIV STYLE="background:blue;font-size:2px"> </DIV>
<DIV STYLE="background:red;font-size:5px;width:50%"> </DIV>
<DIV STYLE="background:green;font-size:10px;margin-left:30px;margin-right:30px"> </DIV>
<DIV STYLE="border:1px solid blue;padding:2px"><DIV STYLE="background:red;font-size:3px"> </DIV></DIV>
ここで重要なのはDIVタグの開始と終了の中に記述した全角スペース(空白)です。これが無いと線は引けません。(backgroundが線の色で、font-sizeが線の高さです。)
ブラウザ対応表
ブラウザ | IE | Netscape | Opera
|
バージョン | 5.00 | 5.50 | 6.0 | 6.2.3 | 7.01 | 6.06 | 7.21
|
対応 | ○ | ○ | ○ | ○ | ○ | △ | △
|
(Operaは線が太くなります。)