2016-07-26 56 views
0

我有rowspan的相同的HTML表等中的HTML代碼:與rowspan的HTML表格和BGCOLOR

<table class="" id="mergeTbl" border='1'> 
<tbody> 
    <tr > 
     <td align="center" style="width:100px">A</td> 
     <td align="center" style="width:100px">1</td> 
     <td align="center" style="width:100px">12.01 Ct</td> 
     <td align="center" style="width:100px">3.01</td> 
    </tr> 

    <tr> 
     <td align="center" rowspan="3">B</td> 
     <td align="center">3</td> 
     <td align="center">13.02 Ct</td> 
     <td align="center">4.90</td> 
     </tr> 
     <tr> 
     <td align="center" rowspan="2">4</td> 
     <td align="center" rowspan="2">11.48 Ct</td> 
     <td align="center">2.70</td> 
     </tr><tr> 
     <td align="center">1.70</td> 
</tr> 


<tr> 
     <td align="center" rowspan="3">C</td> 
     <td align="center">5</td> 
     <td align="center">16.75 Ct</td> 
     <td align="center">5.35</td></tr><tr> 
     <td align="center">6</td> 
     <td align="center">14.09 Ct</td> 
     <td align="center">5.01</td></tr> 
     <tr><td align="center">7</td> 
     <td align="center">11.35 Ct</td> 
     <td align="center">4.01</td> 
</tr> 

</tbody></table> 

輸出:

enter image description here

我想與備用行的背景色着色。像:

enter image description here

每一行是在一個循環中,如A,B和C(主循環)。

+0

和你在哪裏卡住的? –

+0

你好,你可以改變你的表格結構 –

回答

0

加入這個CSS

<style> 
    .style1{ 
     background-color: cyan; 
    } 
    .style2{ 
     background-color: blue; 
    } 
</style> 

HTML:

echo "<table>"; 
    $select = "select * from table"; 
    $query = mysql_query($select) 
    $i=0; 
    while($i < mysql_fetch_array($query)) 
    { 
     if($i%2==0){ 
     echo "<tr class='style1'>"; 
     } 
     else{ 
     echo "<tr class='style2'>"; 
     } 
     echo "<td>A</td>"; 
     echo "</tr>"; 
     $i++; 
    } 
    echo "</table>";