Editor: Håkan Petersson

Have gradiant background without image sound to good, don´t you agree??

Well it is possible with css. Let me show you how.


  1. Open up you CSS inspector and chose class. Give it a name (I use .gradiant)
  2. Then chose the last little icon named "List and Others"
  3. In the property-name type in "filter".
  4. Copy and past following code in the property-value: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#D3D3D3)
  5. As you see there is 3 places to change values. I have made them blue.
  6. The Type value 0 is vertical gradiant and 1 is a horizontal gradiant. Quit simple
  7. The StartColorStr and EndColorStr is the color nr.

To use is open the CSS window chose eg the body tag and apply it. This work on Table, TD and a lot more.

Enjoy and have fun.

Tutorials and Guides

Find more tech guides and information at Symatech, Rolo, and SystemDisc.