Tabellenzellen anlegen

Bevor Sie sich auf Details wie eigene Spaltenhöhen und Hintergründe stürzen, sollten Sie sicherstellen, dass die einzelnen Zellen das gewünschte Aussehen haben. Wir konzentrieren uns hier auf Tabellenzellen, weil es für sie, verglichen mit den anderen Tabellenelementen, die meisten CSS-Eigenschaften gibt.

Am besten fängt man bei den Trennlinien an. Wenn Sie sich eine beliebige Tabelle aus dem letzten Jahrtausend anschauen, finden Sie mit ziemlicher Sicherheit Code wie diesen:

<table border="0" cellspacing="0" cellpadding="0">

Die hier genannten Attribut/Wert-Paare sollen sicherstellen, dass zwischen den Tabellenzellen keine Zwischenräume entstehen. Dieser Effekt lässt sich leicht auch mit CSS erreichen:

 table { border-collapse: ...

Get Das Beste an HTML & CSS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.