HTML and CSS Reference
In-Depth Information
Figure 8-22.
Two background images,
left.gif
and
right.gif
■
Note
Although these images are large in terms of dimensions, they are still very small in file size because
of the limited color palette and the continuous nature of the colors.
The outer container—the
div
with the
id
of
related
—has the larger right image applied,
anchored to the top right, as demonstrated in the following CSS and in Figure 8-23:
#related {
background: #013433 url(example2/right.gif) no-repeat right top;
}
Figure 8-23.
The first image is applied to the outer container.