o_19octlt3v29m1ul81r9513q81i4ra.pdf

64 Chapter 4
If you specify a background image, you should also specify a background color. The color
will not be visible unless the image fails to display for some reason, or unless the image
has transparent areas in it. The background color is especially important if you use a dark
background image and a light foreground color; if the image does not appear, the text
still must appear on a dark background to be readable.
To use a background image file, use a style=”background-image: url(image)” attribute
in the opening tag, as you did for foreground and background colors in the
preceding section. For example, to use the background image file called granite.gif that
is located in the same folder as the HTML file, you would write:
Notice that you must enclose the image file name in parentheses following the url.
The tag can hold many style specifications in a single style= attribute. Separate
them with semicolons, as you did earlier with the foreground and background colors. For
example, to combine the background image, background color, and foreground color in
a single attribute, do the following:
By default, the background image is repeated both horizontally and vertically to fill the
window. You can force it not to repeat by adding the background-repeat= attribute to
the tag and specifying repeat-x (repeat horizontally only), repeat-y (repeat vertically
only), or no-repeat. For example, to prevent any repeating, use the following:
By default, the background image scrolls with the text when the user scrolls down the
page. To force the image to stay fixed, add the background-attachment=fixed attribute to
the tag, as follows:
In this exercise, you will display an image as a Web page background.
SET UP Use the foliage.htm and stucco.jpg files in the practice file folder for this
topic. These practice files are located in the Documents\Microsoft Press\HTML5
SBS\04Lists\SpecifyingImages folder. Open the foliage file in Notepad and in Internet
Explorer.