Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Jack_F en 20 de Enero 2017, 21:30
-
EJERCICIO
En la siguiente tabla están mal ordenados los códigos de colores. Ordénalos de forma que en cada fila estén los códigos equivalentes de forma ordenada y crea un documento HTML donde se muestre un cuadrado donde aparezca como texto el color con la notación empleada, y como color de fondo el color:
Cuadrado HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Ejercicio CU01019D</title>
</head>
<body>
<div>
<table>
<tr>
<td>Nombre</td>
<td>Hexadecimal</td>
<td>RGB</td>
</tr>
<tr>
<td>DimGray</td>
<td>696969</td>
<td>105,105,10</td>
</tr>
<tr>
<td>IndianRed</td>
<td>CD5C5C</td>
<td>205,92,92</td>
</tr>
<tr>
<td>FireBrick</td>
<td>B22222</td>
<td>178,34,34</td>
</tr>
<tr>
<td>DodgerBlue</td>
<td>1E90FF</td>
<td>30,144,255</td>
</tr>
<tr>
<td>Indigo</td>
<td>4B0082</td>
<td>75,0,130</td>
</tr>
</table>
</div>
</body>
</html>
Código CSS
/*efecto para de fondotable*/
div.fondotabla table.colores{margin:auto; font-size:160%; width:55%; text-align:center;}
/*Otra definicion*/
div.fondotabla table.colores caption{border:solid; background-color:yellow;}
/*colores de fondo para los tr*/
tr:nth-child(1){background-color:red;}
tr:nth-child(2){background-color:blue;}
tr:nth-child(3){background-color:green;}
tr:nth-child(4){background-color:gold;}
tr:nth-child(5){background-color:orange;}
tr:nth-child(6){background-color:grey}
-
Hola Jorgito.
Lo único que te faltó colocar es el color de fondo que corresponde, en Indigo el color de fondo debería de ser Indigo, y así con todos los demás.
Saludos. ;D