hr要素とスタイルの関係

スタイルシートを使えばウェブデザインは思いのまま！ページ管理も楽になり、大幅なデザイン変更も楽になっちゃうよ！スタイルシートを使いこなして脱入門者になろう！サイト作りの基礎を学びたい方は >> 本館ウェブマイスタｰ	さくらインターネットたった１２５円という破格の値段で高機能なレンタルサーバー。業界最大手で安心して使えるよ。３ヶ月無料キャンペーン実施中!!　レンタルサーバーのSpeever 一番高いプランも今なら無料だよ

hr要素をCSSでレイアウト変更する場合、IEとNNでは違うので注意しよう。
まず、初期状態の表示を見比べてみよう。

IE：
NN：

上の画像のように、IEでは一本の線(ハイライトあり)、NNでは枠となる。
ちなみに、NNでは横幅を指定した場合、横位置が中央となっているので、行そろえ(align="left")の指定を忘れずにしよう。

ボーダーの色を変えてみよう。画像でIEとNNの差を見てみよう。
ボーダー色を赤にする方法を例にする。

IE：<hr style="color:red"> or <hr style="border: 1px solid #FF0000">

NN：<hr style="color:red">

NN：<hr style="border: 1px solid #FF0000">

NN：<hr style="border: 1px solid #FF0000;background-color: #FF0000;">

ウェブデザインをスタイルシートでおこなおう！