Cinque modi di arricchire le tabelle

   
<table width="98%" border="0" cellspacing="3" table style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ffffff', startColorstr='#ccffcc', gradientType='0');">
Tabella con fondo sfumato dall'alto in basso

   
<table width="98%" border="0" cellspacing="3" table style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ccccff', startColorstr='#ccffcc', gradientType='1');">
Tabella con fondo sfumato da sinistra a destra

   
Colora i links nelle tabelle

<style>
td
{
font-family: verdana,arial,sans-serif;
font-size:12pt;
font-weight:bold;
background-color: C9C9C9;
}
</style>
Now, within the table itself, we can define the mouse activity like this:
<table bgcolor="#cc0000" cellpadding="1" cellspacing="1" border="0">
<tr>
<td width="100" onMouseOver="this.style.backgroundColor='#FFFF00';" onMouseOut="this.style.backgroundColor='#C9C9C9'">
<a href="http://www.psicopolis.com"><font color="#000000">Psicopolis.com</font></a>
</td>
</tr>
<tr>
<td width="100" onMouseOver="this.style.backgroundColor='#FFFF00';" onMouseOut="this.style.backgroundColor='#C9C9C9'">
<a href="http://www.aiatel.com"><font color="#000000">AIATEL.com</font></a>
</td>
</tr>
</table>
  

Tabella che cambia colore al passaggio del mouse
<table width="98%" border="1" onMouseover="this.bgColor='green'" onMouseout="this.bgColor='#FFFFFF'" bgcolor="#FFCC00" bordercolor="#FF0000">
<tr>
<td>
<div align="center"><b>Tabella che cambia colore al passaggio del
mouse</b></div>
</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>

 
CIAO!! :-) CIAO!! :-)
CIAO!! :-) CIAO!! :-)

 

<!-- controllare il colore dei bordi delle singole celle -->
<table border="0" height="150" width="150" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#0099CC" valign="middle" align="center" style="border-left: 3 solid #33CCFF; border-right: 3 solid #004080; border-top: 3 solid #33CCFF; border-bottom: 3 solid #004080">
<strong><font face="verdana" color="#ffffff" size="1">CIAO!!
:-)</font></strong> </td>
<td bgcolor="#FFFFFF" valign="middle" align="center"> <strong><font face="verdana" color="#000066#ffffff" size="1">CIAO!!
:-)</font></strong> </td>
</tr>
<tr>
<td bgcolor="#009900" valign="middle" align="center"> <strong><font face="verdana" color="#ffffff" size="1">CIAO!!
:-)</font></strong> </td>
<td bgcolor="#FFCC00" valign="middle" align="center" style="border-left: 3 solid #FFFF99; border-right: 3 solid #CC6600; border-top: 3 solid #FFFF99; border-bottom: 3 solid #CC6600">
<strong><font face="verdana" color="#000099" size="1">CIAO!!
:-)</font></strong> </td>
</tr>
</table>
<p>
<!-- controllare il colore dei bordi dell'intera tabella -->