There are many great websites out there that offer free background patterns for use on websites.
- Add the image called pattern.gif to the same folder that contains your HTML file (or put them both on your dektop).
Open your HTML file. To place the image as your background, add the following style to the <body> tag:
… so that your complete code looks like this:
<title>How to place a pattern as your website background</title>
<body style=”background-image:url(pattern.gif); background-repeat:repeat”>
- In a browser, your website background should now look like this:
- When you’re done, move the style out of the <body> tag and into a stylesheet, so that you can update it with ease in the future. That’s it, you’re done.