Hice la regla nth child en css pero los colores no son alternativos. Los colores son todos iguales en cada fila y columna. Mi código es una tabla de multiplicar con un supuesto color alternativo. Tengo dificultades para saber qué debo hacer para modificar o agregar mi código php para crear el resultado deseado (colores alternativos en filas y columnas en la tabla de multiplicar).
A continuación se muestra mi código php:
<?php for($row=0; $row<=10; $row++){ echo "<tr>"; for($column=0; $column<=10; $column++){ if($row==0 && $column==0){ echo "<td></td>"; } else{ echo "<td>". $row * $column. "</td>"; } } } echo "</tr>"; ?>Código CSS:
table, th, td { border: 1px solid black; } td { padding: 15px; } .bold{ font-weight: bold; font-size: 1.3em; } table tr:nth-child(odd) { background-color: yellow; } table tr:nth-child(even) { background-color: red; }olvida usar la etiqueta <table> y su dirección CSS desde la tabla.
<?php echo "<table>"; for($row=0; $row<=10; $row++){ echo "<tr>"; for($column=0; $column<=10; $column++){ if($row==0 && $column==0){ echo "<td></td>"; } else{ echo "<td>". $row * $column. "</td>"; } } echo "</tr>"; } echo "</table>"; ?>