为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

PHP
慕田峪4524236 2022-11-04 16:29:27
<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>如图所示如何创建?有没有办法像图片中一样创建列颜色?请帮我
查看完整描述

2 回答

?
胡说叔叔

TA贡献1804条经验 获得超8个赞

使用 CSS:


td:nth-child(3n){

    background-color: #376ee5

}

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

    background-color: #3c763d

}

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

    background-color: #e2b70b

}


查看完整回答
反对 回复 2022-11-04
?
largeQ

TA贡献2039条经验 获得超7个赞

我会通过为$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;

}


查看完整回答
反对 回复 2022-11-04
  • 2 回答
  • 0 关注
  • 82 浏览

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号