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