Bordi nelle tabelle html - Abbonizio.com

abbonizio.com
Grafica Web e dintorni
Vai ai contenuti
COME CREARE BORDI AD UNA TABELLA "Table border"
Dedicato a tutti coloro che trattano per la prima volta il linguaggio HTML

Di seguito i codici per personalizzare i bordi delle tabelle
utilizzando alcuni semplici attributi Css.



Per specificare il colore del bordo chiaro bisogna aggiungere la proprietà "bordercolorlight" seguito da un valore
esadecimale per il colore, la stessa cosa vale per il bordo scuro con la proprietà "bordercolordark"

Esempi tipo bordo: style="border: 1px solid #ff3300"

solid
dotted

inset
dashed

double
groove

outset
ridge


E' possibile inoltre specificare un'immagine di sfondo, in questo modo: background="sfondo.jpg"
Esempio pratico:
<table width="300" height="60" cellpadding="2" cellspacing="2" style=" background-image: url(url img); border:3px double #ff3300; bordercolordark=#cc0000; bordercolorlight=#ffff00; bgcolor=#ccffff;">
  <tr>
    <td>cella 1</td>
    <td>cella 2</td>   </tr>
</table>


Questo è il risultato:


cella 1 cella 2



Grafica web e dintorni
abbonizio.com
<º))))><.·´¯`·.   -♥-   Google PageRank        CSS Valido!         sito protetto         Licenza Creative Commons   -♥-   ¸.·´¯`·.¸><((((º>
www.Abbonizio.com è on-line dal 30.04.2013, grazie a tutti gli amici che sono passati a trovarci!
E' vietata la riproduzione totale o parziale senza espressa autorizzazione. Copyright © 2012- www.abbonizio.com
Torna ai contenuti