Tavolo CSS (tabella)

Usare CSS può migliorare notevolmente l'aspetto di tabelle HTML.

bordo della tabella

Specifica i bordi della tabella CSS, utilizzare la proprietà border.

L'esempio seguente specifica una tabella di elementi TH e TD bordo nero:

Si noti che nell'esempio precedente, la tabella ha un doppio bordo. Questo perché il tavolo e il TH / elementi td hanno bordi separati.

Per visualizzare un singolo fotogramma di una tabella, utilizzare la proprietà border-collapse.

telaio pieghevole

attributo border-collapse impostare se i bordi della tabella vengono compressi in un unico bordo o separati:

larghezza della tabella e l'altezza

Larghezza e altezza attributi definiscono la larghezza e l'altezza del tavolo.

Il seguente esempio è impostato su 100% larghezza della tabella un'altezza di 50 pixel-esimo elemento:

Modulo di allineamento del testo

allineamento del testo Tabella e le proprietà di allineamento verticale.

proprietà text-align è impostato l'allineamento orizzontale, come a sinistra, destra o al centro:

impostazioni vertical-align immobili verticali di allineamento, come alto, in basso, o medio:

compilazione moduli

Se lo spazio tra il controllo delle frontiere nella tabella dei contenuti, è necessario utilizzare il TD attributo di riempimento ed elementi th:

tabella di colore

L'esempio seguente specifica il colore del bordo, e gli elementi esimo del colore del testo e dello sfondo:

Altri esempi

Fare un modulo personalizzato
Questo esempio dimostra come creare una forma personalizzata.

Impostare la posizione didascalia di tabella
Questo esempio dimostra come posizionare l'intestazione della tabella.