CSS-Layout für Boxen

HTML-Boxen können mit CSS auf eine vielfältige Art und Weise gestaltet werden.

Eine Box ist aus CSS-Sicht in vier verschachtelte Bereiche untergliedert. Sie haben - von innen nach außen - die folgenden Namen

1. Content area: Inhalt der Box
2. Padding: Innenrand („Polster“)
3. Border: Rahmen
4. Margin: Außenrand

Jeder Bereich kann unabhängig von den anderen Bereichen mit CSS-Mitteln gestaltet werden.