Como crear un efecto cebra dandole color de fondo a un div

[pithon]

Hola, no se como puedo darle efecto cebra a unos div que cargo desde una base de datos segun los nombres que tengo, por ejemplo este codigo me mostrara vente nombres y quiero hacer en estos vente div el efecto cebra con background-color, alguna ayuda de como lo puedo hacer?
saludos.

Código PHP:

while($row = mysql_fetch_array($registros)){
echo' <div>".$row['nombres']."</div>';
}
 

[fermin3d]

Puedes intentar quizas hacer unas imagenes en Photoshop y colocarla en tu estilo css con un fondo.

Código CSS:

.div{
background-image:url(imagenes/tuimagencebra.png);
}
 
css
 

y yo te recomiendo que a los div les des una clases distinta

Código CSS:

.efectocebra{
background-image:url(imagenes/tuimagencebra.png);
}
 

Php

Código PHP:

while($row = mysql_fetch_array($registros)){
    echo' <div class="efectocebra">".$row['nombres']."</div>';
    }
 

[YYs86]

Creo que se refiere a que tengan 2 clases css una d un color y otra de otro, como por ejemplo
[URL="http://xtremgaming.es/streams"]Ejemplo[/URL]

Eso lo consigues dándole nombres diferentes 1 si 1 no:

Código PHP:

$i = 0;
    while($row = mysql_fetch_array($registros)){
    if($i==1){
    echo' <div class="tuclase2">".$row['nombres']."</div>';
    }else{
    echo' <div class="tuclase">".$row['nombres']."</div>';
    }
    $i++;
    }
 

Y luego pues estilos iguales para ambas, excepto tu background-color/background-image...

[oso96_2000]

Yo suelo usar algo asi:

Código PHP:

<?php
$i = 0;
$zebra = array('odd', 'even');
foreach ($registros as $registro) {
    ?>
    <div class="row <?php echo $zebra[$i % 2]; ?>"></div>
    <?php
    $i++;
}
 

[pithon]

Gracias a todos por vuestras aportaciones, aunque la que mas se adapta a mis necesidades es la del amigo oso96_2000, un saludo.

[IsaBelM]

en realidad esto se hace con el selector de css3 nth-of-type()

[pithon]

Hola IsaBelM, me podrias poner un ejemplo de este metedo? en que navegadores funciona?

con que funcione en los mas modernos ya me valdria, saludos.

[IsaBelM]

selector:nth-of-type(2n) {} /*filas pares*/
selector:nth-of-type(2n+1) {} /*filas pares*/

funciona en todos los navegadores modernos. esto quiere decir que en ie8- no funciona

[pithon]

Hola IsaBelM, gracias por tu colaboracion, un saludo.