<html>
<head>
<title>Prova CSS</title>
<style type="text/css">
a.enlace {
color: #0000D9;
width: 100%;
height: 100%;
text-decoration: none;
}
a.link:hover {
text-decoration: none;
background: #77AADD;
}
table {
border: 1px solid red;
width: 20%;
}
td {
align: middle;
border: 1px solid red;
}
</style>
</head>
<body>
<table>
<tr>
<td>
<a class="link" href="#">link 1</a>
</td>
</tr>
<tr>
<td>
<a class="link" href="#">link 2</a>
</td>
</table>
</body>
No artigo chamado Realizar um rollover só com CSS e utilizando imagens de CriarWeb.com se mostra como fazer links que ocupem todo o espaço onde estão situados.
Por Aitor de la Puente Salán
