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> </td> </tr> </table> |
|
<!-- 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 --> |