För det första: jag hoppas att du använder tabellen till tabulär data, och inte för att skapa sidans layout. Annars gör du fel
Enklaste lösningen är att sätta pseudoklassen ":hover" på td-elementet i CSS-mallen. Den lösningen fungerar dock inte i alla browsers (äldre versioner av IE stöder inte hover på mycket annat än länkar).
Så jag hade nog löst det på följande sätt. På länken kör du följande CSS:
a {
font: 11px Verdana, sans-serif;
color: #fff; /* Vit färg */
background: #777; /* Grå bakgrund */
text-decoration: none; /* Ingen underline */
display: block; /* Så att länken fyller ut tabellcellen horisontellt */
padding: 5px; /* Paddingen kan såklart ändras efter tycke och smak, den är där mest för att fylla ut tabellcellen och skapa lite avstånd */
}
Sen får du sätta en hover-effekt på länken med pseudoklassen ":hover":
a:hover {
color: #777; /* Grå färg */
background: #fff; /* Vit bakgrund */
}
Färdigt. "a" i CSSen får du naturligtvis byta ut med godtycklig selektor för att selektera rätt länk.