2013-07-13 104 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类。