Autor Tema: CSS. Equivalencias entre colores html, css y hexadecimales Ejercicio CU01019D (Leído 2041 veces)

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:

Código: [Seleccionar]

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

Código: [Seleccionar]

/*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}

pedro,, · « **Respuesta #1 en:** 23 de Enero 2017, 14:50 »

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.

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: