HTML Web Design Tutorial #14

Changing the Color of Your Web Page Background

In part 13 you saw a visual representation of how color is displayed on a computer monitor. You learned how to choose from a wide spectrum of colors by setting the values of just three. Now we're going to see how to apply what we've learned by changing the background color of our web page.

Similar to changing the color of our text, like we learned in parts 10-12, we'll change our web page background color by adding a rule to our external style sheet. This works well if you plan to use the same background color for all your web pages. If for some reason you need a different color for each web page, then you should use an internal sheet for each individual page.

Now, we will change the background color of our demonstration page in this lesson, so you can see how it's done. However, we will switch it back to white for the rest of the series, as we feel it's better to use black text on a white, or light, background for the readable areas of a web page. Later on in the series, we will add some background color to the left side of the page using the same style property. To see how this is done, click on the play button below.

<<<Last Tutorial

Next Tutorial>>>