Horizontal Lines

Here's an answer to a request:

Adding a horizontal line can make the information on your web page easier to read and follow. But what if you want to change the color of your horizontal line?

Here's how:

1. Crack open the html view on your web page with an html editor.

2. Find the code for the horizontal line. It should look something like this: hr style="height: 4px; color: #C0C0C0" /

(Important: remember to add the "<" and the beginning of "height" and a ">" on the end of the code after the "/" )

Here's how the above code displays in the browser:

---

Now, let's say I want to change the line from gray to pink. I will need to change the gray color code #C0C0C0 to the pink color code #FF00FFlike so:

hr style="height: 4px; color: #FF00FF" /

The new horizontal line will now display as pink instead of gray as seen below:

---

And now you know how to change the color on a horizontal line in HTML.