The first act of other colors, so write this expression
<ptml> <pead> <meta http-equiv= "Content-type" content= "text/html; charset=gb2312 "> <title> table CSS Test </title> <style type=" Text/css "> <!--TR {background-color: Expression (this.sectionrowindex==0?) #AFAFAF ":((this.sectionrowindex%2==0)? "#FFF0F0": "#F0F0FF")); --> </style> </pead> <body bgcolor= "#FFFFFF" leftmargin= "0" topmargin= "0" > <table cellspacing = "1" > <tr> <td> table Test </td> <td> form test </td> <td> form Test </td> <TD > Table Test </td> <td> form test </td> <td> form Test </td> </tr> <tr> <td> table Grid test </td> <td> form Test </td> <td> table test </td> <td> form test </td> <td> form measurement Test </td> <td> form Test </td> </tr> <tr> <td> form test </td> <td> form Test < /td> <td> form test </td> <td> form test </td> <td> form Test </td&Gt <td> table Test </td> </tr> <tr> <td> form test </td> <td> form Test </td> <t d> table test </td> <td> form test </td> <td> form test </td> <td> form Test </td> </TR&G T <tr> <td> table Test </td> <td> form test </td> <td> form test </td> <td> form test ;/td> <td> table Test </td> <td> table Test </td> </tr> <tr> <td> form Test </td& Gt <td> form test </td> <td> form test </td> <td> form test </td> <td> form Test </td> &L t;td> table Test </td> </tr> </table> <p> </p> <table cellspacing= "1" > <tr > <td width= "a" > </td> <td width= "a" > </td> <td width= "M" > </td> <td width= "> </td> <td width=" "> </td> <td width=" " ; ≪/td> <td width= "a" > </td> <td width= "a" > </td> <td width= "M" > </td> <td width= "a" > </td> <td width= "> </td> <td width=" > </td> <td width= "a" > </td> <td width= "a" > </td> <td Width= "> </td> <td width=" > </td> </tr> <tr> <td width= "50 "> </td> <td width=" > </td> <td width= "a" > </td> <td WI Dth= "> </td> <td width=" > </td> <td width= "a" > </td> &L T;TD width= "> </td> <td width=" > </td> <td width= "a" > </td> <TD width= "> </td> <td width=" > </td> <td width= "a" > < /TD> <td Width= "" > </td> <td width= "a" > </td> <td width= "a" > </td> <t D width= "M" > </td> </tr> <tr> <td width= "> </td> <td width=" > </td> <td width= "a" > </td> <td width= "a" > </td> <td Width= "> </td> <td width=" > </td> <td width= "a" > </td> <TD width= "A" > </td> <td width= "a" > </td> <td width= ">&NBSP;</TD&G" T <TD width= "A" > </td> <td width= "a" > </td> <td width= ">&NBSP;</TD&G" T <TD width= "A" > </td> <td width= "a" > </td> <td width= ">&NBSP;</TD&G" T </tr> <tr> <td width= "a" > </td> <td width= "> </td> <td Width= "" > </td> <td width= "a" > </td> <td width= "a" > </td> <t D width= "A" > </td> <td width= "a" > </td> <td width= "a" > </td> <TD width= "A" > </td> <td width= "a" > </td> <td width= ">&NBSP;</TD" > <td width= "a" > </td> <td width= "a" > </td> <td width= "M" > </td> <td width= "> </td> <td width=" > </td> </tr> <TR&G T <TD width= "A" > </td> <td width= "a" > </td> <td width= ">&NBSP;</TD&G" T <TD width= "A" > </td> <td width= "a" > </td> <td width= ">&NBSP;</TD&G" T <TD width= "A" > </td> <td width= "a" > </td> <td width= ">&NBSP;</TD&G" T <TD width= "A" > </td> <td width= "a" > </td> <td width= "> </" Td> <td width= "a" > </td> <td width= "a" > </td> <td width= ">&nbs" p;</td> <td width= "> </td> </tr> <tr> <td width=" > </td > <td width= "a" > </td> <td width= "a" > </td> <td width= "M" > </td> <td width= "> </td> <td width=" "> </td> <td width=" " ; </td> <td width= "a" > </td> <td width= "a" > </td> <td width= "A" > </td> <td width= "a" > </td> <td width= "a" > </td> <td Width= "> </td> <td width=" > </td> <td width= "a" > </td> <TD width= ">&N"bsp;</td> </tr> <tr> <td width= "a" > </td> <td width= "> </" Td> <td width= "a" > </td> <td width= "a" > </td> <td width= ">&nbs" P;</td> <td width= "a" > </td> <td width= "a" > </td> <td width= "50" & Gt; </td> <td width= "a" > </td> <td width= "a" > </td> <td Widt H= "A" > </td> <td width= "a" > </td> <td width= "M" > </td> < TD Width= "A" > </td> <td width= "a" > </td> <td width= "a" > </td> </tr> <tr> <td width= "a" > </td> <td width= "> </td> <td Width= "> </td> <td width=" > </td> <td width= "a" > </td> <TD width= ">&N"Bsp;</td> <td width= "a" > </td> <td width= "a" > </td> <td width= "50 "> </td> <td width=" > </td> <td width= "a" > </td> <td WI Dth= "> </td> <td width=" > </td> <td width= "a" > </td> &L T;TD width= "> </td> <td width=" > </td> </tr> <tr> <td Widt H= "A" > </td> <td width= "a" > </td> <td width= "M" > </td> < TD Width= "A" > </td> <td width= "a" > </td> <td width= "a" > </td> <TD width= "A" > </td> <td width= "a" > </td> <td width= "> </t" D> <td width= "a" > </td> <td width= "a" > </td> <td width= "> " ;</td> <TDWidth= "> </td> <td width=" > </td> <td width= "a" > </td> <TD width= "> </td> </tr> <tr> <td width=" > </td> <td wi Dth= "> </td> <td width=" > </td> <td width= "a" > </td> &L T;TD width= "> </td> <td width=" > </td> <td width= "a" > </td> <TD width= "> </td> <td width=" > </td> <td width= "a" > < /TD> <td width= "a" > </td> <td width= "a" > </td> <td width= ">&NB" sp;</td> <td width= "> </td> <td width=" "> </td> <td width=" 50 " > </td> </tr> <tr> <td width= "a" > </td> <td width= "> " ;</td> <TDWidth= "> </td> <td width=" > </td> <td width= "a" > </td> <TD width= "A" > </td> <td width= "a" > </td> <td width= ">&NBSP;</TD&G" T <TD width= "A" > </td> <td width= "a" > </td> <td width= ">&NBSP;</TD&G" T <TD width= "A" > </td> <td width= "a" > </td> <td width= ">&NBSP;</TD&G" T <TD width= "> </td> <td width=" > </td> </tr> <tr> <td wi Dth= "> </td> <td width=" > </td> <td width= "a" > </td> &L T;TD width= "> </td> <td width=" > </td> <td width= "a" > </td> <TD width= "> </td> <td width=" > </td> <td width= "a" > < /td> <td width= "a" > </td> <td width= "a" > </td> <td width= "M" > </td> <td width= "> </td> <td width=" "> </td> <td width=" " ; </td> <td width= "> </td> </tr> <tr> <td width=" >&NBSP;&L T;/td> <td width= "a" > </td> <td width= "a" > </td> <td width= ">&" Nbsp;</td> <td width= "a" > </td> <td width= "a" > </td> <td width= "5 0 "> </td> <td width=" > </td> <td width= "a" > </td> <td W Idth= "> </td> <td width=" > </td> <td width= "a" > </td> & LT;TD width= "A" > </td> <td width= "a" > </td> <td width= "> </td>" ; <TD width= "50" > </td> </tr> <tr> <td width= "a" > </td> <td width= "M" > </td> <td width= "> </td> <td width=" "> </td> <td width=" " ; </td> <td width= "a" > </td> <td width= "a" > </td> <td width= "A" > </td> <td width= "a" > </td> <td width= "a" > </td> <td Width= "> </td> <td width=" > </td> <td width= "a" > </td> <TD width= "A" > </td> <td width= "a" > </td> <td width= "> </td&" Gt </tr> <tr> <td width= "a" > </td> <td width= "> </td> <td Width= "> </td> <td width=" > </td> <td width= "a" > </td> <TD width= "50" ≫ </td> <td width= "a" > </td> <td width= "a" > </td> <td Widt H= "A" > </td> <td width= "a" > </td> <td width= "M" > </td> < TD Width= "A" > </td> <td width= "a" > </td> <td width= "a" > </td> <TD width= "> </td> <td width=" > </td> </tr> <tr> <TD Width= "> </td> <td width=" > </td> <td width= "a" > </td> <TD width= "A" > </td> <td width= "a" > </td> <td width= "> </td&" Gt <TD width= "A" > </td> <td width= "a" > </td> <td width= ">&NBSP;</TD&G" T <TD width= "A" > </td> <td width= "a" > </td> <td width= ">&NBSP;</TD&G" T &lT;TD width= "> </td> <td width=" > </td> <td width= "a" > </td> <TD width= "> </td> </tr> </table> <p> </p> </body> </ptml >
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
More than a strong CSS
<ptml> <pead> <meta http-equiv= "Content-type" content= "text/html; charset=gb2312 "> <title> table CSS Test </title> <style type=" Text/css "> <!--#DataGrid1 TR { Background-color:expression (this.sectionrowindex = 0?) "#FFCCCC": ((this.sectionrowindex% 2 = 0)? "#FFF0F0": "#F0F0FF")); Color:expression (this.sectionrowindex = 0?) "#FFFFFF": ""); Font-weight:expression (this.sectionrowindex = 0?) "BOLD": ""); Tableselect:expression (this.sectionrowindex = 0?) ' ': (onmouseover = function () {This.style.backgroundColor = (This.style.backgroundColor!= #69 CDFF "? "#69cdff": (this.sectionrowindex = 0?) "#FFCCCC": (this.sectionrowindex% 2 = 0?) "#FFF0F0": "#F0F0FF"))}, onmouseout = function () {This.style.backgroundColor = ( This.style.backgroundColor!= "#69cdff"? "#69cdff": (this.sectionrowindex = 0?) "#FFCCCC": (this.sectionrowindex% 2 = 0?) "#FFF0F0": "#F0F0FF"))})} #DataGrid1 td {Background-color:expression (This.cellindex = = 0? (This.parentElement.sectionRowIndex = 0?) ' #FFCCCC ': ' #DDDDDD '): null)}. findareatable {font-size:12px; Color: #333333; Text-decoration:none; width:1024px; Cursor:hand; Background-color: #FFFFFF; Vertical-align:middle; Text-align:center; --> </style> </pead> <body bgcolor= "#FFFFFF" leftmargin= "0" topmargin= "0" > <table cellspacing = "1" class= "findareatable" id= "DataGrid1" > <tr> <td> form Test </td> <td> form Test </td> <td> form test </td> <td> form test </td> <td> form test </td> <td> form Test </td> ;/tr> <tr> <td> form test </td> <td> form test </td> <td> form Test </td> <TD > Form Test </td> <td> form test </td> <td> form measurementTest </td> </tr> <tr> <td> form test </td> <td> form test </td> <td> form Test < /td> <td> table Test </td> <td> form test </td> <td> form test </td> </tr> <TR&G T <td> form test </td> <td> form test </td> <td> form test </td> <td> form Test </td> &L t;td> table test </td> <td> form Test </td> </tr> <tr> <td> form Test </td> <td& gt; table test </td> <td> table test </td> <td> form test </td> <td> form Test </td> <td> Table Test </td> </tr> <tr> <td> table test </td> <td> form test </td> <td> form test </td> <td> table Test </td> <td> table test </td> <td> form Test </td> </tr> < tr> <td> table Test </td> <td> form test </td> <td> form test </td> <td> form Test </td > <TD≫ table Test </td> <td> table Test </td> </tr> <tr> <td> form test </td> <td> form measurement Trial </td> <td> form test </td> <td> form test </td> <td> form test </td> <td> form Test & lt;/td> </tr> <tr> <td> form test </td> <td> form test </td> <td> form Test </t d> <td> table Test </td> <td> table test </td> <td> form test </td> </tr> <tr> <td> form test </td> <td> form test </td> <td> form test </td> <td> form Test </td> <td> table test </td> <td> form Test </td> </tr> <tr> <td> form Test </td> &L t;td> table test </td> <td> form test </td> <td> form test </td> <td> form Test </td> < td> table Test </td> </tr> <tr> <td> form test </td> <td> form Test </td> <td> ; form Test </td>;td> table test </td> <td> form test </td> <td> form Test </td> </tr> <tr> <TD&G t; table test </td> <td> form test </td> <td> form test </td> <td> form Test </td> <td> Table Test </td> <td> form Test </td> </tr> <tr> <td> form test </td> <td> form Test & lt;/td> <td> table Test </td> <td> form test </td> <td> form test </td> <td> form test ;/td> </tr> <tr> <td> form test </td> <td> form test </td> <td> form Test </td& Gt <td> table test </td> <td> form test </td> <td> form Test </td> </tr> </table> </bo Dy> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]