cambiar el color de la celda cuando pases el ratón por encima

[julio2k]

Hola Asitudela en realidad no puedes cambiar el color de la celda con css al pasar el mouse sobre el link(eso lo puedes hacer con Java script como te propone JavierB).
pero si tienes una celda

Código HTML:

<td class="rollover">
  texto de la celda
</td> 

la opcion

Código:

<style>
  td.rollover:hover{
   background-color:red;
  }
</style>

te funciona al pasar el mouse sobre la celda asi no exista ningún link, A se me olvidaba, para variar no funciona en ie.
Y como supongo que esto no te agrada mucho podrias pensar que para una tabla

Código HTML:

 <table border id="mitabla">
    <tr>
      <td><a href="index.php">Aves</a></td>
      <td><a href="index.php">Peces</a></td>
      <td><a href="index.php">Reptiles</a></td>
    </tr>
  </table> 

puedes agregarle un css para ampliar el tamaño del link igual a la celda

Código:

<style>
  #mitabla a{
    display:block;
    background-color:green;
    text-decoration:none;
    height:100%;
  }
  #mitabla a:hover{
    background-color:blue;
    color:white;
  }
</style>

Aunque si lo que buscas es crear un menu, recuerda que las tablas se deben usar para datos
si vas a realizar un menu debes cambiar el css de los links hasta lograr la apariencia que tu quieres
pej.

si tienes un html como:

Código HTML:

<div id="botonera">
     <a href="index.php">Aves</a>
     <a href="index.php">Peces</a>
     <a href="index.php">Reptiles</a>
</div> 

puedes usar un css como:

Código:

div#botonera{
 border:2px groove black;
 width:120px;
}
div#botonera a{
 display:block;
 background-color:#bbe;
 border:1px solid gray;
 text-decoration:none;
 color:black;
 padding:2px;

}
div#botonera a:hover{
 background-color:#bee;
 border:1px outset silver;
 text-decoration:none;
 color:blue;
}

Espero que te sirva de ayuda