如何在PHP中为偶数/奇数表行着色

问题描述

|| 好的，我有一个问题，我要在下面列出此代码。我需要将偶数行设置为浅蓝色，将奇数行设置为白色。现在它没有出现，所以我假设我做错了什么。现在我需要按顺序进行排序，以便行看起来像我需要的方式吗？

<html>
<head>

<title> Html Tables</title>
</head>
<body>
<?PHP
echo \"<table width=\\\"50%\\\" cellpadding=\\\"2\\\" cellspacing=\\\"2\\\" border=\\\"1\\\">\";
echo \"<tr bgcolor=\\\"#FFFFFF\\\">\";
$rowcount=0;
for($x=1;$x<=12;$x++){
echo \" <td align=\\\"center\\\" style=\\\"width:100px\\\">\".$x.\"</td>\\n\";
if ($x%4==0) {
  if ($rowcount%2==0){
   echo \"</tr>\";
   echo \"<tr bgcolor=\\\"#5CCDC9\\\">\\n\";
   }
   else{
    echo \"</tr>\";
    echo \"<tr bgcolor=\\\"#FFFFFF\\\">\\n\";
    }
    $rowscount++;
   }
 }
echo \"</tr>\";
echo \"</table>\";
 ?>
</body>
</html>

好的，在阅读一些内容之后，我试图更好地理解这一点，这是我的新代码

<html>
<head>

<title> Html Tables</title>
<style type=<\\\"text/css\\\">
.even { bgcolor:#5CCDC9; }
.odd { bgcolor:#FFFFFF; }
</style>
</head>
<body>
<?PHP
echo \"<table width=\\\"50%\\\" cellpadding=\\\"2\\\" cellspacing=\\\"2\\\" border=\\\"1\\\">\";
echo \"<tr bgcolor=\\\"#FFFFFF\\\">\";
$rowcount=0;
for($x=1;$x<=12;$x++){
echo \" <td align=\\\"center\\\" style=\\\"width:100px\\\">\".$x.\"</td>\\n\";
if ($x%4==0) {
 if ($rowcount%2==0){
    echo \"</tr>\";
   echo \"<tr class=\\\"even\\\">\\n\";
   }
   else{
    echo \"</tr>\";
    echo \"<tr class=\\\"odd\\\">\\n\";
    }
    $rowcount++;
   }
 }
 echo \"</tr>\";
 echo \"</table>\";
 ?>
 </body>
 </html>

现在我只是不明白如何在PHP中阅读我正在阅读的内容，并试图弄清楚如何理解它。抱歉，我是新手。

解决方法

您在条件和初始化中使用$rowcount，但在递增中使用$rowscount（在\“ s \”中使用）。注意：您确实应该为此使用CSS而不是bgcolor属性。 , 您有错字...将$rowscount++更改为$rowcount++ , 最简单的方法是使用CSS。您可以使用nth-child规则选择表的奇数行和偶数行，并以不同的颜色进行着色。这样，您就不需要使用模数运算符if语句。有关示例，请参见此小提琴。 , 尝试这个。它更干净一点，并且可以工作：

<html>
    <head>
        <title> Html Tables</title>
    </head>
    <body>
        <table width=\"50%\" cellpadding=\"2\" cellspacing=\"2\" border=\"1\">
<?php
for($x = 1; $x <= 12; $x++) {
    if ($x % 2 == 0) {
        echo \'            <tr bgcolor=\"#5CCDC9\">\',PHP_EOL;
    } else {
        echo \'            <tr bgcolor=\"#FFFFFF\">\',PHP_EOL;
    }
    echo \'                <td align=\"center\" style=\"width:100px\">\' . $x . \'</td>\',PHP_EOL;
    echo \'            </tr>\',PHP_EOL;
}
?>
        </table>
    </body>
</html>

中为何在偶数奇数着色