<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejercicio formatear tabla</title>
<style type="text/css">
table {
font: .9em Arial, Helvetica, sans-serif;
border: 1px solid #333;
border-collapse: collapse;
text-align: center;
}
th[scope="col"]{
background-color:lightgrey;
}
th[scope="row"]{
text-align:left;
background-position:left;
background-repeat:no-repeat;
background-color:#E6F3FF;
padding-left:16px;
}
tr:nth-child(even){
background-color:#FFFFCC;
}
tr:nth-child(2) th{
background-image:url("imagenes/euro.png");
}
tr:nth-child(3) th{
background-image:url("imagenes/dolar.png");
}
tr:nth-child(4) th{
background-image:url("imagenes/libra.png");
}
tr:nth-child(5) th{
background-image:url("imagenes/yen.png");
}
</style>
</head>
<body>
<table summary="Cambio de dinero">
<tr>
<th scope="col">Cambio</th>
<th scope="col">Compra</th>
<th scope="col">Venta</th>
<th scope="col">Maximo</th>
<th scope="col">Minimo</th>
</tr>
<tr class="par">
<th scope="fila" class="euro fila">Euro/Dolar</th>
<td>1.2524</td>
<td>1.2527</td>
<td>1.2539</td>
<td>1.2488</td>
</tr>
<tr>
<th scope="fila" class="dolar fila">Dolar/Yen</th>
<td>119.01</td>
<td>119.05</td>
<td>119.82</td>
<td>119.82</td>
</tr>
<tr class="par">
<th scope="fila" class="libra fila">Libra/Dolar</th>
<td>1.8606</td>
<td>1.8611</td>
<td>1.8651</td>
<td>1.8522</td>
</tr>
<tr>
<th scope="fila" class="yen fila">Yen/Euro</th>
<td>0.6711</td>
<td>0.6705</td>
<td>0.6676</td>
<td>0.6713</td>
</tr>
</table>
</body>
</html>