untitled

This code results in the image you see in Figure 7-18.

When you design a Web page in a graphics application, making adjustments to

that page later is more difficult. For example, to change the text in Figure 7-17,

you cannot merely retype the Heading 2 headline in the HTML code. Instead,

you must go to the graphic’s application and redo part or all of the graphic.

Background textures and images shouldn’t compete visually with the fore-

ground. You want text to remain easily readable, and the overall design of the

page — its logic and structure — shouldn’t be obscured by a fussy or heavy

texture.

Setting Individual Background Properties ...............................................

In the previous example, you used the background property to specify a

whole set of values, like this:

h2 {background: url(“coin.jpg”) no-repeat left top;

That is similar to the way that the font property can be followed by multiple

values. However, the font properties can be individualized if you wish

Figure 7-18:
Superimpos-
ing elements
on top of a
background
graphic is
easy.

Chapter 7: Styling It Your Way 147