Hour Ten: Backgrounds and Background Colors

In Hour 2, "Getting Started with CSS," you learned how to use the background-color property to change the appearance of HTML elements. Background colors can be used to good effect in Web design to group related items together or to highlight important parts of the page. In addition to pure colors, you can also use images as backgrounds for the whole page or for any element on the page.

In this hour, you'll learn

Sample Code

You can download the sample code from each hour as one package or individual files.

Web Links

These are the links presented in this hour, given here for easy reference.

Updates and Errata

The file names given in the source listings for Listing 10.5 and 10.6 are off by one; for example, Listing 10.5 has the comment /* stars-10.6.css */. Also, to view the fixed background, you should load the URL http://www.cssin24hours.com/10/anthem-10.6.html, not anthem-10.7.html.

Previous Hour | Next Hour
CSS in 24 Hours
Teach Yourself CSS in 24 Hours was published in 2002 by SAMS Publishing and provides a solid introduction to Cascading Style Sheets.

Chapter Links

Introduction
Hour 1
Hour 2
Hour 3
Hour 4
Hour 5
Hour 6
Hour 7
Hour 8
Hour 9
Hour 10
Hour 11
Hour 12
Hour 13
Hour 14
Hour 15
Hour 16
Hour 17
Hour 18
Hour 19
Hour 20
Hour 21
Hour 22
Hour 23
Hour 24
Appendix A
Appendix B
Appendix C