On this page, you'll see a smiley-face in the center of the page. It looks like the image is just a normal Here's the code for that:

<style type="text/css">
body {background-image: url('smileyhead.gif');
background-repeat: no-repeat; background-position: center; } </style>

This image will scroll with the page, but it is a background picture. While having a happy looking smile on your page may not be desirable, a large picture centered on your page may be better than having it tile. This is how you have a picture centered on your page.

There isn't more information you need on this function, but I have this text down here in case you need to see words going across the top of the picture. You could also have a picture going across the top of the background. Use your imagination to place things around your page.

Note that if you resize the window, the picture will move. That is because the picture is set to the center, not a specific location. This makes the picture jump a bit.