Webdesign – Cascading Stylesheets
XML-Tabellen – Feinschliff

Der letzte Feinschliff ? ___

Da der Browser jetzt zumindest weiß, worum es bei den Elementen geht, können Sie nun mit den gleichen Eigenschaften wie bei HTML-Tabellen zur Tat schreiten und die Beispieldatenbank mit Rahmen und Hintergrund formatieren. Das Resultat könnte dann so aussehen und lässt sich im Browser schon recht hübsch betrachten:

Buecherei{ display: table; border: 3px outset #0051A5; width: 300px; margin: 10px; border-collapse: separate; border-spacing: 3px; }
Buch { display: table-row; } Titel, ISBN, Preis { display: table-cell; padding: 5px; border:
2px outset #0051A5; }
Titel{ background-color: #E7F3FF; font-weight: bold; }
ISBN, Preis{ background-color: #F4F9FD; }
Preis{ font-style: italic; }

Die margin- und padding-Eigenschaften sorgen für ein wenig Luft zwischen Rahmen und Text.