I wanted to create a gradient background to use on one of my web sites today, and thought I'd share this.
Step 1
Create a new graphic file in your favourite graphics package (Firefox, Photoshop etc).  Make the image the following dimensions:
Width: 1px
Height: 1000px
Now choose web safe colours, as this will ensure that the colours are displayed as you want them to.
Finally, using the gradient tool, fill the 1px x 1000px area with your chosen colours.
Step 2
Now choose where you want the background gradient to appear, i.e. the body tag, a container tag etc.
Open your CSS file and type the following:
.body
{
background-image: url(../Images/GradientBackground.jpg);
background-repeat: repeat-x;
}
There you have it, you're background will now have a lovely gradient colour!