HTML & CSS von Kopf bis Fuß, 2nd Edition

Wie man mit CSS Tabellendarstellungen gestaltet

Jetzt wissen Sie, wie man die HTML-Struktur aufbaut, die man zur CSS-Tabellendarstellung benötigt. Schauen wir uns nun also an, wie man das CSS für die Elemente angibt, um eine Tabellendarstellung zu erreichen.

1. Zunächst haben wir ein <div> für die Tabelle eingefügt und diesem die ID »tabellenContainer« gegeben. Dieses <div> enthält die Zeilen und Spalten. Das »tabellenContainer«-<div> stylen wir folgendermaßen:

   

2. Dann haben wir ein <div> für die Zeile mit der ID »tabellenZeile« ergänzt. Wir haben nur eine Zeile mit zwei Zellen, brauchen also nur ein <div>. Wenn wir mehrere Zeilen hätten, bräuchten ...