lunes, 24 de abril de 2017

Reglas CSS Parte 2



Cómo se llega a esta imagen

html







<!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