No HTML tabulas izskatu var ievērojami uzlabot ar CSS:

Tabulas robežas

Lai norādītu tabulas robežas CSS, izmantojiet border īpašību.

Piemērs zemāk norāda melnu apmali uz table, th un TD elementiem:

Ievērojiet, ka iepriekšējā piemērā tabula ir dubultā robežas. Tas ir tāpēc, ka gan tabulas
(table) un th , td elementi ir atsevišķas robežas.

Lai parādītu vienu robežu, tabulas, izmantojiet robežu sabrukuma (collapse) īpašību.

Apvienot robežas

Border-collapse īpašība nosaka, vai tabulas robežas sabruka vienā robežā vai atsevišķi:,
TE VIENKĀRŠI JĀSKATA PIEMĒRS!!

Tabulas platums un augstums

Platumu un augstumu tabulai nosaka width un height īpašības.

Piemērs tālāk nosaka platumu tabulai līdz 100%, un  th elementiem, 50px augstumu:

Tabulas satura(teksta) Līdzinājums

Text-align īpašība nosaka horizontālo saskaņošanu, piemēram, left, center, right:

Ir tāda opcija, ka vertical-align, un nozīme ir tāda, kā tiks saturs izlīdzināts vertikāli,
ja ir maza tabula to nevar redzēt, bet ja tabula ir plaša, tad šis parametrs(vertical-align)
noteiks, ka tabulas laukā TD, tiks izlīdzināts saturs, vai (top -augšā, middle - pa vidu,
vai bottom- lejā)!!!
:

Galda Polsterējums

Lai kontrolētu atstarpi starp robežu(rāmi-border) un saturu, tabulās, izmantojiet padding
īpašību <TD> un <th> elementiem:

Tabulas fona krāsa (background-color)

Piemērs tālāk precizē krāsu robežai(border), un teksta un fona krāsu th elementam:

Vairāk Piemēri

Padarīt iedomātā tabulu
Šis piemērs parāda, kā izveidot iedomātā tabulu.

Uzstādīt pozīciju galda parakstu
Šis piemērs parāda, kā pozicionēt tabulas parakstu.