HTML and CSS Reference
In-Depth Information
Apply the
top.png
image to the
#top
selector.
The “
repeat-x
” translates in the background being
repeated from left to right, while “
bottom left
” gives
the starting position as the bottom left.
#top {
background:url(../images/top.png) repeat-x bottom left;
}
Check the results to see if
top.png
is repeated. You
may need to add some dummy content inside the
HTML for
#top
background
to show.
Use either blank
<p>
or simply
<br />
tags.
Save the
index.html
and
style.css
files and refresh your
web browser. How does it look?
Move on the next page and see what are the steps to
complete the
#top
selector.