怎样在html文档里做隔行换色的多行方法

既然你都知道是隔行换色了，那就隔行换色就是了。方法很多。
最直接的在每一行的<tr>上直接加bgcolor="red"。
用css的话就定义行二个颜色的类。在每一行交替使用这个类就是了。如：
tr class="trClass1"
tr class="trClass2"
<TITLE> New Document </TITLE> table{ width:100%; } .t1{ background:#ff6600; color:black; } .t2{ background:#336699; color:white; } <TABLE cellpadding="0" cellspacing="0"> <TR class="t1"> <TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD> </TR> <TR class="t2"> <TD>2</TD><TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD> </TR> <TR class="t1"> <TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD> </TR> <TR class="t2"> <TD>2</TD><TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD> </TR> <TR class="t1"> <TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD> </TR> <TR class="t2"> <TD>2</TD><TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD> </TR> </TABLE>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
推荐1
<b> <b> <title>无标题文档</title> </b> <table> <tr><td>第1行</td><td>第1行</td></tr> <tr><td>第2行</td><td>第2行</td></tr> <tr><td>第3行</td><td>第3行</td></tr> <tr><td>第4行</td><td>第4行</td></tr> </table> </b>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
<table width="500" border="0" cellpadding="0" cellspacing="0"> <td height="25">blueidea.com</td> <td>第1行</td></tr> <td height="25">blue</td> <td>第2行</td></tr> <td height="25">idea</td> <td>第3行</td></tr> <td height="25">29ok.com</td> <td>第4行</td></tr> </table>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
非常推荐2
<b> <b> <title>表格隔行换色</title> </b> <table id="tab"> <tr><td>12</td><td>12</td><td>12</td><td>12</td></tr> <tr><td>12</td><td>12</td><td>12</td><td>12</td></tr> <tr><td>12</td><td>12</td><td>12</td><td>12</td></tr> <tr><td>12</td><td>12</td><td>12</td><td>12</td></tr> <tr><td>12</td><td>12</td><td>12</td><td>12</td></tr> </table> </b>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
<b> <b> <title>Untitled Document</title> .t1 {background-color:#336699;text-align:center} .t2 {background-color:#ffcc00;text-align:center} </b> <table id="table1" width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td>jsjsdjksdfdfgdfd</td></tr> <tr><td>vrtbtynyudegbg</td></tr> <tr><td>btrgjyjyukmymy</td></tr> <tr><td>fvdfthdhyjd</td></tr> <tr><td>htyjertyuktuijcdukdetyjety</td></tr> <tr><td>fdghrguiowheruighiaue</td></tr> <tr><td>aosiiopweorhwdebfcjlhaSD</td></tr> <tr><td>SDHFKAJBNELFJAOSDFA</td></tr> <tr><td>山地花费</td></tr> <tr><td>是士大夫金粟兰搭街坊棵</td></tr> <tr><td>打开立脚点艰苦发挥感</td></tr> <tr><td>地方了；赶快地方经过</td></tr> <tr><td>当然人；铁蒺藜课题那样立刻人</td></tr> <tr><td>豆腐干大后方大概部分</td></tr> <tr><td>如同如同忽然体育如同</td></tr> <tr><td>规范化如同依然同样如</td></tr> <tr><td>为了打开</td></tr> </table> </b>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

html文档 HTML 方法