2013-07-13 138 views
0

我有14個十六進制顏色我想要交替作爲背景顏色。多個交替行顏色

我該怎麼做?而且我也想避免連續兩次獲得相同的顏色。

比方說,我有顏色:藍色,紅色,黃色,黑色,粉紅色,白色

我不想黃色,黑色,黑色,黑色,藍色,白色,白色.....

有人能讓我看到正確的方向。

<?php 
foreach($db->query("SELECT * FROM custom WHERE id = $id") as $row): 
?> 
<tr bgcolor="#C6A511"> 
<td colspan="25"><?=$row['a']?></td> 
<td colspan="8"><div style="width:50px; background:ONE-OF-THE-14-BACKGROUND-COLORS-HERE">&nbsp;</div> </td> 
<td colspan="8"><?=$row['c']?></td> 
</tr> 
+1

將行顏色放入一個數組中,引入一個計數器,並使用帶mod的計數器索引從數組中檢索背景顏色。並增加計數 – DevZer0

回答

1

對於你可能想看看:nth-child僞類純CSS的路線。

上的選擇和相關的公式如何在CSS Tricks

1
<?php 
$rownum = 0; 
foreach($db->query("SELECT * FROM custom WHERE id = $id") as $row): 
?> 
<tr bgcolor="#C6A511"> 
<td colspan="25"><?=$row['a']?></td> 
<td colspan="8"><div style="width:50px" class="bg<?php echo ($rownum++) % 14; ?>">&nbsp;</div> </td> 
<td colspan="8"><?=$row['c']?></td> 
</tr> 

工作奠定了良好的概述不要忘記在CSS創建bg0..13類。