untitled

(John Hannent) #1
For a list of all the colors available in Internet Explorer, including such
favorites as LavenderBlush and WhiteSmoke, see the Cheat Sheet inside this
book’s front cover.

If you are really adventurous, you can experiment with the line’s back
ground-imageproperty and transform your line into a graphic. However,
if you want to divide your paragraph groups with images, I suggest two
things:

Just use the <img>element to employ graphics rather than twisting the
horizontal rule element into something it was never intended to be.

Consider carefully the visual effect of using graphics instead of simple
lines to separate your paragraphs.

If you must try it, here’s the code. Figure 9-12 illustrates what happens when
enthusiasm triumphs over common sense:

<style>

p {font: 24pt;}

hr {
background-image: url(globe.jpg);
background-repeat: no-repeat;
border: none;
width: 400px;
height: 800px;
}
</style>

Figure 9-11:
Use
horizontal
rules to
separate
groups of
paragraphs.

180 Part III: Adding Artistry: Design and Composition with CSS

Free download pdf