Free Clip Art from Pixabella

Using background images in your website

I’m really getting quite excited about the various background images I think I’m going to create and it makes sense to give you guys a quick tutorial on how to use them.

Basically you only need to make a one line change to the stylesheet of your website, so I hope it won’t be too difficult to do.

Your stylesheet will typically be called style.css or default.css although other names could be used. Also, if you’re using blogspot you won’t actually have a separate stylesheet just to confuse matters. Hopefully you’ll be able to work with these background images without too much difficulty.

So, once you’re looking at your website stylesheet, simply search for the body element. This will most likely be somewhere close to the top.
Next, add this line

background: transparent url(path-to-image/caramel-chevron.png) repeat;

You’ll need to change the ‘path-to-image’ part to the url of the folder where your images are stored, and of course you’ll need to change the name of the background image if you aren’t the caramel chevron.

That’s it, your website should now be showing your new background. Let me know if you have any problems or suggestions.