2. Make a new image 200x200 pixels square at 72 dpi (you can make it smaller but the browser will have to open that image many more times to fill the page). Fill the new image with the paint bucket tool.
5. Save the texture image in a name that describes the color.
These two backgrounds were made with the same settings as above but with different colors (border included):
Pale Yellow Textured Background
Lilac Textured Background
How to apply the Background tile to your Web pageIf you only work in HTML put the following in the body tag of your page:
If you work with CSS put the following in the body portion of your CSS file:
If you've done it correctly this one image will spread horizonally and vertically throughout your page similar to the background on this page.
Copyright © 12-15-2005 - updated 9-12-14
All Rights Reserved.
Main Tutorials Page | Photoshop Tutorials | Fireworks Tutorials
Other Graphics Tutorials:
How to Make a Watermark on Photos | Straighten Distorted Photos | Emboss Images | Feathered Edges How to Design a Gradient Background | How to Design a Textured Background
How to design a Vertical Background | Applying a drop shadow to a tilted object over a colored background | How to Make An Animation