| ϒ Link um |
| ϒ Link dois |
| ϒ Link tres |
Observe como a cor cinza no estado "OVER" ocupa toda a célula.
<html>
<head>
<title>Cor de célula com link em tabela</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
a.linque {
display:block; /* Este foi o único acréscimo em relação a página anterior */
font: 12px Arial, Helvetica, sans-serif;
color:#00f;
padding:2px 6px;
background-color:#ff0;
text-decoration:none
}
a.linque:hover {
color:#ffc;
background-color:#ccc;
}
</style>
</head>
<body>
<table cellspacing="0" border="1" bgcolor="#FFFF00">
<tr>
<td width="100"><a class="linque" href="#">o Link um</a></td>
</tr>
<tr>
<td><a class="linque" href="#">o Link dois</a></td>
</tr>
<tr>
<td><a class="linque" href="#">o Link tres</a></td>
</tr>
</table>
</body>
</html>