1. 首頁
  2. 問答
  3. 如何在PHP中爲ODD和EVEN行添加背景顏色？

如何在PHP中爲ODD和EVEN行添加背景顏色？

2017-02-17 70 views
0

我想爲CSS中的每個奇數行（＃e5e8e8）和偶數行（＃b9b8bb）添加背景色。如何在PHP中爲ODD和EVEN行添加背景顏色？

for ($i = 2; $i <= $arrayCount; $i++) { 

     $_SESSION["a"] = trim($allDataInSheet[$i]["A"]); 

     $_SESSION["b"] = trim($allDataInSheet[$i]["B"]); 

     $_SESSION["c"] = trim($allDataInSheet[$i]["C"]); 

     $_SESSION["d"] = trim($allDataInSheet[$i]["D"]); 

     $_SESSION["e"] = trim($allDataInSheet[$i]["E"]); 

     $_SESSION["f"] = trim($allDataInSheet[$i]["F"]); 

     $_SESSION["g"] = trim($allDataInSheet[$i]["G"]); 


         echo '<!-- table content - start --> '; 
         echo ' <!-- ROW 1 -->'; 
         echo '<tr>'; 
          echo '<td width="10" style="border-bottom: 1px solid #ffffff;">'; 
           echo '<img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="10" height="1" style="display:block;border:none;"/>'; 
          echo ' </td>'; 

          echo '<td width="164" style="border-bottom: 1px solid #ffffff;" valign="middle">'; 
           echo '<table width="164" border="0" cellspacing="0" cellpadding="0">'; 
            echo '<tr>'; 
             echo '<td height="15" style="font-size:0px;line-height:0px;"><img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="1" height="15" style="display:block;border:none;"/></td>'; 
            echo ' </tr>'; 
            echo '<tr>'; 

             echo '<td width="114" valign="middle" align="left">'; 
              echo '<font style="font-family: HP Simplified, arial, sans-serif; font-size:15px;color:#000000;font-weight:normal; line-height:16px;">'; 

               echo $_SESSION["a"]; 
              echo '</font>'; 
             echo ' </td>'; 

             echo ' <td width="50" valign="middle" align="right">'; 

             echo '</td>'; 
            echo '</tr>'; 
            echo '<tr>'; 
             echo '<td height="15" style="font-size:0px;line-height:0px;"><img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="1" height="15" style="display:block;border:none;"/></td>'; 
            echo ' </tr>'; 
           echo '</table>'; 
          echo '</td>'; 

          echo ' <td width="10" style="border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;">'; 
           echo '<img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="10" height="1" style="display:block;border:none;"/>'; 
          echo '</td>'; 
          echo '<td width="10" style="border-bottom: 1px solid #ffffff;">'; 
           echo '<img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="10" height="1" style="display:block;border:none;"/>'; 
          echo '</td>'; 
          echo '<td width="164" style="border-bottom: 1px solid #ffffff;" valign="middle">'; 
           echo '<table width="164" border="0" cellspacing="0" cellpadding="0">'; 
            echo '<tr>'; 
             echo '<td height="15" style="font-size:0px;line-height:0px;"><img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="1" height="15" style="display:block;border:none;"/></td>'; 
            echo ' </tr>'; 
            echo '<tr>'; 
             echo '<td width="114" valign="middle" align="left">'; 
              echo '<font style="font-family: HP Simplified, arial, sans-serif; font-size:15px;color:#000000;font-weight:normal; line-height:16px;">'; 
               echo $_SESSION["b"]; 

              echo '</font>'; 
             echo '</td>'; 
             echo '<td width="50" valign="middle" align="right">'; 
              echo '<font style="font-family: HP Simplified, arial, sans-serif; font-size:15px;color:#000000;font-weight:normal; line-height:16px;">'; 
               echo $_SESSION["c"]; 
              echo '</font>'; 
             echo '</td>'; 
            echo ' </tr>'; 
            echo '<tr>'; 
             echo '<td height="15" style="font-size:0px;line-height:0px;"><img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="1" height="15" style="display:block;border:none;"/></td>'; 
            echo '</tr>'; 
           echo '</table>'; 
          echo '</td>'; 
          echo '<td width="10" style="border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;">'; 
           echo '<img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="10" height="1" style="display:block;border:none;"/>'; 
          echo '</td>'; 
          echo '<td width="10" style="border-bottom: 1px solid #ffffff;">'; 
           echo '<img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="10" height="1" style="display:block;border:none;"/>'; 
          echo '</td>'; 
          echo '<td width="164" style="border-bottom: 1px solid #ffffff;" valign="middle">'; 
           echo '<table width="164" border="0" cellspacing="0" cellpadding="0">'; 
            echo '<tr>'; 
             echo '<td height="15" style="font-size:0px;line-height:0px;"><img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="1" height="15" style="display:block;border:none;"/></td>'; 
            echo ' </tr>'; 
            echo '<tr>'; 
             echo '<td width="114" valign="middle" align="left">'; 
              echo '<font style="font-family: HP Simplified, arial, sans-serif; font-size:15px;color:#000000;font-weight:normal; line-height:16px;">'; 
              echo $_SESSION["d"]; 

              echo '</font>'; 
             echo '</td>'; 
             echo '<td width="50" valign="middle" align="right">'; 
              echo '<font style="font-family: HP Simplified, arial, sans-serif; font-size:15px;color:#000000;font-weight:normal; line-height:16px;">'; 
              echo $_SESSION["e"]; 
              echo '</font>'; 
             echo '</td>'; 
            echo '</tr>'; 
            echo '<tr>'; 
             echo '<td height="15" style="font-size:0px;line-height:0px;"><img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="1" height="15" style="display:block;border:none;"/></td>'; 
            echo '</tr>'; 
           echo '</table>'; 
          echo '</td>'; 
          echo '<td width="10" style="border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;">'; 
           echo '<img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="10" height="1" style="display:block;border:none;"/>'; 
          echo '</td>'; 

          echo '<td width="10" style="border-bottom: 1px solid #ffffff;">'; 
           echo '<img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="10" height="1" style="display:block;border:none;"/>'; 
          echo '</td>'; 
          echo '<td width="164" style="border-bottom: 1px solid #ffffff;" valign="middle">'; 
           echo '<table width="164" border="0" cellspacing="0" cellpadding="0">'; 
            echo '<tr>'; 
             echo '<td height="15" style="font-size:0px;line-height:0px;"><img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="1" height="15" style="display:block;border:none;"/></td>'; 
            echo '</tr>'; 
            echo '<tr>'; 
             echo '<td width="114" valign="middle" align="left">'; 
              echo '<font style="font-family: HP Simplified, arial, sans-serif; font-size:15px;color:#000000;font-weight:normal; line-height:16px;">'; 
              echo $_SESSION["f"]; 

              echo '</font>'; 
             echo ' </td>'; 
             echo '<td width="50" valign="middle" align="right">'; 
              echo '<font style="font-family: HP Simplified, arial, sans-serif; font-size:15px;color:#000000;font-weight:normal; line-height:16px;">'; 
               echo $_SESSION["g"]; 
              echo ' </font>'; 
             echo '</td>'; 
            echo ' </tr>'; 
            echo ' <tr>'; 
             echo '<td height="15" style="font-size:0px;line-height:0px;"><img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="1" height="15" style="display:block;border:none;"/></td>'; 
            echo ' </tr>'; 
           echo '</table>'; 
          echo ' </td>'; 
          echo '<td width="10" style="border-bottom: 1px solid #ffffff;">'; 
           echo '<img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="10" height="1" style="display:block;border:none;"/>'; 
          echo '</td>'; 

         echo '</tr>'; 

         echo '<!-- ROW 1 - END -->'; 


    }

這裏我想補充的背景顏色爲每個奇數行（＃e5e8e8）和偶數行（＃b9b8bb）在PHP動態地此行我裏面寫了loop.My上面給出的表的代碼創建對於電子郵件模板。因此它有很多和s.so ODD和EVEN選項不能正常工作。任何建議。預先感謝

來源

2017-02-17 avudaiappan T

+0

哪裏是你的代碼？ – Option

+0

我剛剛編輯我的帖子..請提前幫助。謝謝 –

+0

Crikey！爲什麼這麼多'回聲'？ – Option

回答

1

因此，不鑽研你的代碼來糾正它這裏是一個通用的例子，因爲它是一個CSS問題實際上..所以要做到這一點，你需要使用nth-child()。這裏有一個例子：

tr:nth-child(odd) \t \t { background-color:#e5e8e8; } 
 
tr:nth-child(even) \t \t { background-color:#b9b8bb; }
<table> 
 
    <tr> 
 
     <td> Row 1</td> 
 
    </tr> 
 
    <tr> 
 
     <td> 
 
      Row 2 
 
     </td> 
 
    </tr> 
 
</table>

來源

2017-02-17 11:12:26 Option

+0

如何在PHP中使用以下代碼：tr：nth-​​child（odd）\t \t {background - 顏色：＃e5e8e8; } tr：nth-​​child（偶數）\t \t {background-color：＃b9b8bb; } –

+0

我上面給出的表格代碼是爲電子郵件模板創建的，所以它有很多和​​s.so ODD和EVEN選項不能正常工作。任何建議。預先感謝 –

+0

其作品不錯。謝謝各位的支持 –

相關問題

 相關問題