U of S | DCS | Courses | CAI | CSS | Example 5

Example 5: Graphic Elements

This example puts a background image on the page. However, this background is only repeated vertically (to give a border on the left of the page). It is not repeated horizontally like normal background images.

We don't want text displayed over top of the image, so we set the left margin wide enough to move the text past the image.

We also used borders and a background image in the headings. Notice that you can add special background images to most block-oriented tags (like <p>, <blockquote>, etc.) that can accept a style, not just your overall page. That was done with this paragraph.

Please send comments about this course to Kevin.Lowey@Usask.CA