color は文字色を、background-color は背景色を指定するプロパティです。これらをhr要素に指定すると、水平線に色を付けることができます。

基本的には background-color プロパティで指定しますが、IEの場合は color プロパティで指定することもできます。

background-color	水平線の内側の色を指定します
color	水平線全体の色を指定します

色の指定についてはスタイルシートの色指定をご覧ください。

• 色の指定

【参考】

■水平線の枠線について
background-color プロパティの指定では、水平線の内側の色を指定することになります。そのため、水平線の枠線は表示されたままになります。

↓枠線が表示された例

---

■水平線の枠線を消したい場合
水平線の枠線を消したい場合は、border: none を指定しておきます。しかし、IEではこの指定が無視されるようなので、IEでも枠線を表示させたくない場合には、color プロパティも同時に指定しておきます。

↓border: none を指定した例（IEでは無視される）

---

↓color プロパティも同時に指定した例

---

■heightの指定
Netscape以外のブラウザでは、height プロパティ（線の高さ）を指定しないと色の指定が反映されないようです（背景を表示できる隙間がないため）。

↓height プロパティを指定しない場合（Netscape以外は色がつかない）

---

↓height プロパティで3pxを指定した場合

---

ただし、border: none を指定している場合や color プロパティを指定している場合など、状況により各ブラウザでの表示のされ方は異なってきます。