2 回答

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超8個(gè)贊
使用 CSS:
td:nth-child(3n){
background-color: #376ee5
}
td:nth-child(3n+1){
background-color: #3c763d
}
td:nth-child(3n+2){
background-color: #e2b70b
}

TA貢獻(xiàn)2039條經(jīng)驗(yàn) 獲得超8個(gè)贊
我會(huì)通過(guò)為$colors將循環(huán)通過(guò) 0-2 的數(shù)組設(shè)置一個(gè)索引來(lái)做到這一點(diǎn):
$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;
}
- 2 回答
- 0 關(guān)注
- 101 瀏覽
添加回答
舉報(bào)