我想在CSS中添加每个奇数行(#e5e8e8)甚至行(#b9b8bb)的背景颜色。
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),甚至在php中添加背景颜色,甚至在php中添加行(#b9b8bb),将我在for loop中编写的这一行中添加。我上面给出的给定表代码是为电子邮件模板创建的。因此,它有很多和奇数,甚至选项都无法正常工作。任何建议。预先感谢
因此,在不深入研究代码的情况下,这是一个一般示例,因为它实际上是一个CSS问题。.因此,为此,您需要使用nth-child()
。这是一个例子:
tr:nth-child(odd) { background-color:#e5e8e8; }
tr:nth-child(even) { background-color:#b9b8bb; }
<table>
<tr>
<td> Row 1</td>
</tr>
<tr>
<td>
Row 2
</td>
</tr>
</table>