Is there an easy way to make a gardient background

[TheNewbie]

I know its possible to make a gradient picture using photoshop and then use it as background, but I was wondering if there's an easier way through pure HTML or perhaps something with CSS?

 

[KB]

There seems to be nothing builtin. This is how one guy does it:

http://www.designdetector.com/...css-gradients-demo.php


If this will be IE only then you can use the DX Transforms
http://msdn2.microsoft.com/en-us/library/ms532847.aspx

 

[ahurtt]

You can use the old image size tag hack I suppose. If you want a vertical gradient that spans say 600 pixesl, create a single pixel wide by 600 pixel tall image that has the gradient and then use the width attribute of the IMG tag to stretch it across the page. If you want a horizontal gradient, make a horizontal single pixel tall image and stretch it down the page vertically using the IMG tag's height attribute. This way you have a very small file sized image to download but the browser does the work of stretching it out to look like a gradient that covers the whole page. Alternatively, you just put it as the background attribute of the body tag and the browser will tile it for you giving you the same effect.