Bueans,
Alex.
Tienes razón, no sé en que estaría pensando. jeje. A continuación corrijo el despiste
Código HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="Portal web aprenderaprogramar.com">
<meta name="description" content="aprender,programar,cursos">
<link rel="stylesheet" type="text/css" href="estilos21.css">
<title>Ejemplo colores</title>
</head>
<body>
<div id="page">
<div id="header">
</div>
<div id="wrapper">
<div id="menu">
</div>
<div id="body">
<table>
<tr>
<th>Nombre</th>
<th>Hexadecimal</th>
<th>RGB</th>
</tr>
<tr id="tr1">
<td>DimGray</td>
<td>696969</td>
<td>105,105,105</td>
</tr>
<tr id="tr2">
<td>IndianRed</td>
<td>CD5C5C</td>
<td>205,92,92</td>
</tr>
<tr id="tr3">
<td>FireBrick</td>
<td>B22222</td>
<td>178,34,34</td>
</tr>
<tr id="tr4">
<td>DodgerBlue</td>
<td>1E90FF</td>
<td>30,144,255</td>
</tr>
<tr id="tr5">
<td>Indigo</td>
<td>4B0082</td>
<td>75,0,130</td>
</tr>
</table>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Código CSS: "estilos21.css"
body{font-size:36px;}
table, td, th {
border: 2px solid;
}
#tr1 td:first-child {
background-color: DimGray;
}
#tr1 td:nth-child(2) {
background-color: #696969;
}
#tr1 td:last-child {
background-color: rgb(105, 105, 105);
}
#tr2 td:first-child {
background-color: IndianRed;
}
#tr2 td:nth-child(2) {
background-color: #CD5C5C;
}
#tr2 td:last-child {
background-color: rgb(205, 92, 92);
}
#tr3 td:first-child {
background-color: FireBrick;
}
#tr3 td:nth-child(2) {
background-color: #B22222;
}
#tr3 td:last-child {
background-color: rgb(178, 34, 34);
}
#tr4 td:first-child {
background-color: DodgerBlue;
}
#tr4 td:nth-child(2) {
background-color: #1E90FF;
}
#tr4 td:last-child {
background-color: rgb(30, 144, 255);
}
#tr5 td:first-child {
background-color: Indigo;
}
#tr5 td:nth-child(2) {
background-color: #4B0082;
}
#tr5 td:last-child {
background-color: rgb(75, 0, 130);
}
Gracias por la atención.
Atentamente,
dimiste