Das Aussehen einer Tabelle mit CSS festlegen

Beispiel einer mit CSS formatierten HTML Tabelle
 
body {                                  Gesamte Webseite formatieren
     font-family: "Palatino Linotype";  Schriftart
     color: black;                      Schriftfarbe
     background-color: #e1e1e1;         Hintergrundfarbe
}

table {                                 Gesamte Tabelle formatieren
    border-collapse: collapse;          Normaler Rahmen
}

caption {                               Überschrift der Tabelle formatieren
    font-size: 18px;                    Schriftgrösse
    text-align: right;                  Textausrichtung: rechtsbündig
}

td, th {                                Tabellendaten, Spaltenüberschriften formatieren
    font-size: 19px;                    Schriftgrösse
    padding-top: 3px;                   Abstand zwischen Daten und Zellenrahmen oben
    padding-right: 7px;                 Abstand zwischen Daten und Zellenrahmen rechts
    padding-bottom: 2px;                Abstand zwischen Daten und Zellenrahmen unten
    padding-left: 7px;                  Abstand zwischen Daten und Zellenrahmen links
    border-width: 3px;                  Dicke der Umrandung
    border-style: solid;                Linienart der Umrandung
    border-color: #DDB575;              Farbe der Umrandung
}

th {                                    Spaltenüberschriften formatieren
    background-color: olive;            Hintergrundfarbe
    text-transform: uppercase;          Grossbuchstaben
    text-align: left; Textausrichtung:  linksbündig
}

td {                                    Daten der Tabelle formatieren
    background-color: #FFFFFF;          Hintergrundfarbe
}