Originally Posted by -NEO- crop a line from your design: width:1px height: the length of your gradient save it open your html editor type this in your stylesheet: body{ background: url(imagelocationhere.jpg) repeat-x; } very easy!

There is another neat trick: if you want to have gradients fading out to background color of your page you can create a transparent png that fades from page background color to transparent, and then you can css:

body{
background-color:#FFF;
}
.element1{
background: #000 url(imagelocationhere.png) repeat-x;
}
.element2{
background: #F00 url(imagelocationhere.png) repeat-x;
}

Needs a PNG fix for IE6 though