有 3 种不同的颜色，颜色按顺序重复到表格末尾

Question

<table border="1" cellpadding="10" cellspacing="10" style="border-collapse:collapse; width:200px; margin:auto">    <?php        $colors = array("#376ee5", "#3c763d", "#e2b70b");        for($j = 1; $j < 11; $j++){             for($i = 0; $i < count($colors); $i++){                echo "<tr style='background-color:$colors[$i]'><td>$j</td><td>Student $j</td></tr>";            }        }    ?></table>如图所示如何创建？有没有办法像图片中一样创建列颜色？请帮我

Answer 1

使用 CSS：

td:nth-child(3n){

    background-color: #376ee5

}

td:nth-child(3n+1){

    background-color: #3c763d

}

td:nth-child(3n+2){

    background-color: #e2b70b

}

Answer 2

我会通过为$colors将循环通过 0-2 的数组设置一个索引来做到这一点：

$colors = array("#376ee5", "#3c763d", "#e2b70b");

$colorIndex = 0;

for($j = 1; $j < 11; $j++){

    echo "<tr style='background-color:$colors[$colorIndex]'><td>$j</td><td>Student $j</td></tr>";

    $colorIndex++;

    $colorIndex = $colorIndex > 2 ? 0 : $colorIndex;

}