Changing TD Background Colour
Change the background colour of a data cell.
Highlight and copy/paste into the <body> tag
<html> <head> <title>Changing TD Background Color</title> <style> .tditem { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: gray; } </style> </head> <body> <center> <table border=0 cellpadding=0 cellspacing=0> <tr> <td onmouseover="this.style.background='#004891'" onClick="window.location='page1.html'" style="cursor:hand" onmouseout="this.style.background='#E9F0F8'" bgcolor="#E9F0F8" width="100" align="center" valign="center"><b> <a href="page1.html" class="tditem"> Item 1 </a></b> </td> <td onmouseover="this.style.background='#004891'" onClick="window.location='page2.html'" style="cursor:hand" onmouseout="this.style.background='#E9F0F8'" bgcolor="#E9F0F8" width="102" align="center" valign="center"><b> <a href="page2.html" class="tditem"> Item 2 </a></b> </td> <td onmouseover="this.style.background='#004891';" onClick="window.location='page3.html'" style="cursor:hand" onmouseout="this.style.background='#E9F0F8'" bgcolor="#E9F0F8" width="100" align="center" valign="center"><b> <a href="page3.html" class="tditem"> Item 3 </a></b> </td> </tr> </table> </center> </body> </html>