2013-07-13 3 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

Поместите цвета строк в массив, введите счетчик и используйте индекс счетчика с модом, чтобы извлечь цвет фона из массива. и счетчик прироста – DevZer0

ответ

1

Для чистого CSS маршрута вы можете захотеть взглянуть на :nth-child псевдо-класса.

Хороший обзор о том, как селектор и связанные с ними уравнения работают на 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> 

Не забудьте создать bg0..13 классы в CSS.

Смежные вопросы