Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: LuisM en 15 de Noviembre 2017, 15:27
-
Hola a todos !! paso a dejar la respuesta del ejercicio de la clase CU01019D del manual de programación CSS en pdf. Desde ya, muchas gracias por la atención. Un saludo,
Luis
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. En total deberás tener 15 cuadrados, cada uno con su texto y su color, correspondientes a las 15 celdas de la tabla.
Nombre Hexadecimal RGB
DimGray 1E90FF 178,34,34
IndianRed 696969 205,92,92
FireBrick CD5C5C 30,144,255
DodgerBlue B22222 75,0,130
Indigo 4B0082 105,105,105
Código HTML
<html>
<head>
<link rel="stylesheet" type="text/CSS" href="estilos.css">
</head>
<body>
<div>
<h3>Tabla Solución</h3>
<table>
<tr>
<td>DimGray</td>
<td>#696969</td>
<td>RGB(105,105,105)</td>
</tr>
<tr>
<td>IndianRed</td>
<td>#CD5C5C</td>
<td>RGB(205,92,92)</td>
</tr>
<tr>
<td>FireBrick</td>
<td>#B22222 </td>
<td>RGB(178,34,34)</td>
</tr>
<tr>
<td>DodgerBlue</td>
<td>#1E90FF</td>
<td>RGB(30,144,255)</td>
</tr>
<tr>
<td>Indigo</td>
<td>#4B0082</td>
<td>RGB(75,0,130)</td>
</tr>
</table>
</div>
</body>
</html>
Hoja de estilo: estilos.css
/* Curso CSS estilos aprenderaprogramar.com*/
table{border="2px";}
tr:nth-child(1){background-color: DimGray;}
tr:nth-child(2){background-color: IndianRed;}
tr:nth-child(3){background-color: FireBrick;}
tr:nth-child(4){background-color: DodgerBlue;}
tr:nth-child(5){background-color: Indigo;}
td{width:200px; text-align:center; color:#FFFFFF; height:50px;}
-
Hola todo correcto.