Tabelle ohne besondere Formatangaben
| Zelle 1 |
Zelle 2 |
Zelle 3 |
| Zelle 4 |
Zelle 5 |
Zelle 6 |
Tabelle mit unterschiedlichen Hintergrundfarben
Gesamttabelle: khaki, alle rows: lightblue, Zelle 1 und 5: lightgreen
| Zelle 1 |
Zelle 2 |
Zelle 3 |
| Zelle 4 |
Zelle 5 |
Zelle 6 |
Tabelle mit Aussenabstand
table: margin:15px; padding:10px;
| Zelle 1 |
Zelle 2 |
Zelle 3 |
| Zelle 4 |
Zelle 5 |
Zelle 6 |
Tabelle mit Innenabstand (border-spacing)
table: margin:15px; border-spacing:15px;
| Zelle 1 |
Zelle 2 |
Zelle 3 |
| Zelle 4 |
Zelle 5 |
Zelle 6 |
Tabelle ohne Innenabstand (border-spacing 0)
table: margin:15px; border-spacing:15px;
| Zelle 1 |
Zelle 2 |
Zelle 3 |
| Zelle 4 |
Zelle 5 |
Zelle 6 |
Tabelle mit Innenabstand für einzelne Zelle
Zelle 1, td: padding:15px;
| Zelle 1 |
Zelle 2 |
Zelle 3 |
| Zelle 4 |
Zelle 5 |
Zelle 6 |
Tabelle mit Aussenrahmen
table: border: solid black 1px;
| Zelle 1 |
Zelle 2 |
Zelle 3 |
| Zelle 4 |
Zelle 5 |
Zelle 6 |
Tabelle mit Innenrahmen
table: border-spacing:0; (kein Abstand zwischen den Rahmen)
table: border-collapse:collapse; (Zusammenfallen benachbarter Rahmen)
für alle td: border: solid black 1px;
| Zelle 1 |
Zelle 2 |
Zelle 3 |
| Zelle 4 |
Zelle 5 |
Zelle 6 |
Tabelle mit Aussenabstand und runden Ecken
table: border-radius: 10px
| Zelle 1 |
Zelle 2 |
Zelle 3 |
| Zelle 4 |
Zelle 5 |
Zelle 6 |