怎樣在html文檔里做隔行換色的多行方法

2024-09-06 12:43:43

字體：大中小

供稿：網(wǎng)友

既然你都知道是隔行換色了，那就隔行換色就是了。方法很多。
最直接的在每一行的<tr>上直接加bgcolor="red"。
用css的話就定義行二個顏色的類。在每一行交替使用這個類就是了。如：
tr class="trClass1"
tr class="trClass2"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML>  <HEAD>   <TITLE> New Document </TITLE>   <META NAME="Generator" CONTENT="EditPlus">   <meta name="author" content="http://www.survivalescaperooms.com/"/>   <META NAME="Keywords" CONTENT="">   <META NAME="Description" CONTENT="">   <style type="text/css">     table{         width:100%;     }     .t1{         background:#ff6600;         color:black;     }     .t2{         background:#336699;         color:white;     }   </style>  </HEAD>  <BODY>   <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>  </BODY> </HTML>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]
推薦1

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：利用javascript中的call實(shí)現(xiàn)繼承

下一篇：鍵盤元素的控制小方塊的移動效果