Probá la siguiente idea, si es te sirve:
<!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" xml:lang="en" lang="en">
<head>
<title></title>
<style type="text/css">
/*
.distabla tr:hover {
background-color: #DFE7F2;
color: #000000;
}
.distabla tr.resaltar {
background-color: #DFE7F2;
color: #000000;
}
.distabla td {
border: 1px solid #CCCCCC;
}
.distabla th {
border: 1px solid #CCCCCC;
background-color: #CCCCCC;
}
*/
.distabla {
border: 1px solid #000000;
}
</style>
</head>
<body>
<table width="300px" class="distabla">
<caption>Trabajadores</caption>
<tr>
<th width="122">Nombre</th>
<th width="98">Edad</th>
</tr>
<tr>
<td>Jose García </td>
<td><div align="center">30</div></td>
</tr>
<tr>
<td>Pedro Perez </td>
<td><div align="center">22</div></td>
</tr>
<tr>
<td>Lucía Hernando </td>
<td><div align="center">24</div></td>
</tr>
<tr>
<td>Juan Martí </td>
<td><div align="center">24</div></td>
</tr>
</table>
</body>
</html>
Considerá que lo contenido entre /* y */ lo he dejado inhabilitado (comentarios en CSS) si los borrás, tenés forma de ver, como con CSS modificás la presentación.
Suerte!
Daniel Ulczyk
http://ulczyk.blogspot.com
Utilidades para Webmasters
