1. 程式人生 > >如何讓表格的奇數行和偶數行具有不同的背景顏色

如何讓表格的奇數行和偶數行具有不同的背景顏色

<table   border=1  id=tab1>  
 <tr><td>aaa</td><td>bbb</td></tr>  
  <tr><td>aaa</td><td>bbb</td></tr>  
 <tr><td>aaa</td><td>bbb</td></tr>  
 <tr><td>aaa</td><td>bbb</td></tr>  
 <tr><td>aaa</td><td>bbb</td></tr>  
 <tr><td>aaa</td><td>bbb</td></tr>  
  </table>  
   
  <script   language=javascript>  
  var   a = document.all.tab1.getElementsByTagName("tr");  
  for   (var   i=0;  i<a.length;   i++)  
  {  
       a[i].style.background=(i%2==1)   ?  "#C0C0C0"   :  "#FFFFFF";    
  }  
  </script>

在網頁中顯示拼音

<tdclass="tgray">dōu</td>

.tgray {

         font-family:Arial, Helvetica, sans-serif;

         font-size:14px;

         font-style:normal;

         line-height:200%;

}