I get a lot of search queries of this nature with people seemingly trying to find out how you create a tiled background for your website.

I covered creating a tiled diagonal background in another post, but this one is even easier.

Take a look at the Squid Fingers website. At the time of writing, they have 158 different patterns you can choose from to tile on your website. There are lots of websites available to get free background images.

Find the one you want to use, download it and upload it to your webserver. Then in your CSS file, add the following to the “body” section:

background-image: url(”../images/your-chosen-pattern.gif”)

Voila!

When you browse to your website, the above image will be “tiled” on the background. It’s not as complicated as people may think. The hardest bit when creating the image yourself is getting it to seamlessly tile!

Related Posts

• Make a simple diagonal page background - version 2
• Create a simple web page with CSS and a background image
• Google Copies Yahoo!
• Is the diagonal line background style old hat now?
• Showcase Friday - boredofsouthsea.co.uk