Cómo se llega a esta imagen
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Ejercicio de selectores</title> <style> /* También se podría haber hecho con clases */ #fila1 {color: teal;} #fila2 {color: red;} #fila3 {color: blue;} #fila4 {color: orange;} #fila5 {color: purple;} #fila6 {color: olive;} #fila7 {color: fuchsia;} #fila8 {color: green;} /* Segunda columna */ td + td {background-color: red;} /* Tercera columna */ td + td + td {background-color: green;} /* Cuarta columna */ td + td + td + td {background-color: blue;} </style> </head> <body> <table border="1"> <trid="fila1"><td>teal</td><td>teal</td><td>teal</td><td>teal</td></tr> <trid="fila2"><td>red</td><td>red</td><td>red</td></tr> <trtd>red</td></tr> <tr id="fila3"><td>blue</td><td>blue</td><td>blue</td><td>blue</td></tr> <trid="fila4"><td>orange</td><td>orange</td><td>orange</td></tr> <trtd>orange</td></tr> <tr id="fila5"><td>purple</td><td>purple</td><td>purple</td><td>purple</td></tr> <trid="fila6"><td>olive</td><td>olive</td><td>olive</td></tr> <trtd>olive</td></tr> <tr id="fila7"><td>fuchsia</td><td>fuchsia</td><td>fuchsia</td></tr> <trtd>fuchsia</td></tr> <tr id="fila8"><td>green</td><td>green</td><td>green</td><td>green</td></tr> </table> </body> </html>
No hay comentarios.:
Publicar un comentario