Web Design & Development

Image Backgrounds

By default, background images tile both horizontally and vertically. If you want to control this then you need to use CSS commands of "background repeat" and "background position" like this:

background-repeat:

repeat-x (tile horizontal only)
repeat-y (tile vertical only)
no-repeat

background-position:

horizontal: left, right, center
vertical: top, bottom, center

background-attachment:

scroll
fixed

So you could end up with something like this:

<body style="background-image: url(images/buffalo.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: bottom left">