Gridview formatting using CSS -Asp.Net



Gridview formatting using CSS -Asp.Net

Gridview formatting using CSS -Asp.Net

In this video i will show you how to do formatting of gridview control using css in asp.net.Using this method you can create your own style for gridview. In this video i created simple style which you can use in most of asp.net application or website. I hope you like this…!!

css code:

.grid{ border-collapse:collapse;text-align:center}

.grid td{padding:10px ;border:1px solid #c1c1c1;color:#444;font-size:1em;}

.grid th{padding:4px 2px ; color:#707083; text-shadow:1px 1px 0px #ffffff;

background: -weblit-gradient(linear,left bottom, left top,color-stop(0,#e5e5e9),color-stop(1,#fbfbfc));

border:1px solid #c1c1c1;font-size:1em;text-align:center ;}

.grid th a{color:White;text-decoration:none ; }

.grid th a:hover{color:#444;text-decoration:none ;}

.grid .alt{background:linear-gradient(#fff,#e6e6e6);}

Comments are closed.