8.3 Rahmen und Innenabstände für Zellen einstellen
Problem
Um einen stärkeren visuellen Eindruck als bei der standardmäßigen Tabellendarstellung zu erreichen, sollen die Rahmen und die Innenabstände von Tabellenzellen angepasst werden (siehe Abbildung 8-1).
Abbildung 8-1. Tabellenzellen mit angepassten Rahmen und Innenabständen
Lösung
Verwenden Sie die Eigenschaft padding, um den Abstand zwischen dem Zelleninhalt und den Rändern der Zelle festzulegen. Zur Definition der Rahmen für die Zellen und die Tabelle selbst gibt es die Eigenschaft border:[7]
table { border-collapse: collapse; border: 5px solid #444; } td { padding: 4px; } th { color: white; background-color: ...Get CSS Kochbuch 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.
