Apply Gradient color using CSS

HI..In this article I would like to share about apply gradient color using css.I hope this one really interested to use gradient color…So many of them like to make the website with more colorful..

But you can achieve that using css3..

Already I have written about related to CSS article..for your reference I give link below……..

http://vbdotnetaddict.blogspot.com/2011/08/fix-border-radius-css3-and-box-shadow.html

Normally gradient color apply  to div or table..so you can use the css for table or div…

Copy and paste the below code in your page then apply css to your table..

.css-grd {

/* default background colour, for all layout engines that don't implement gradients */

background: #E7EDD1;

/* gecko based browsers */

background: -moz-linear-gradient(top, #E7EDD1, #FDFDFD);

/* webkit based browsers */

background: -webkit-gradient(linear, left top, left bottom, from(#E7EDD1), to(#FDFDFD));

color: #000000; /* text colour (black) */

height: auto; /* gradient uses the full height of the element */

padding: 5px; /* distance from border edge to text */

}

But an unfortunately gradient css works only on Mozila and chrome and latest version ie9 it will not support ie7 or ie 8