Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.


Share this Page URL
Help

Kapitel 7: Abstände gestalten mit dem Bo... > 7.5 Rahmenlinien erstellen: border - Pg. 149

Kapitel 7 · Abstände gestalten mit dem Box-Modell Abbildung 7.5: Zentriert und oben ein margin von 10px margin liegt wie gesagt außerhalb der Box und übernimmt die Farbe des umgebenden Elements, sodass in diesem Fall rechts und links von div#wrapper die Hintergrundfarbe von body sichtbar wird. 7.5 Rahmenlinien erstellen: border Mit border können Sie Rahmenlinien definieren. Im folgenden ToDo geben Sie dem Fußbereich auf den Beispielseiten eine obere Rahmen- linie und gestalten die Abstände darunter ( padding-top ) und darüber ( margin-top ). ToDo: Eine obere Rahmenlinie für #fussbereich erstellen 1. Erstellen Sie zwischen den Styles für den Kopfbereich und das Logo folgenden Style: div#fussbereich { padding-top: 10px; /* unterhalb Rahmenlinie */ border-top: 1px solid #8c8c8c; /* Linie oben */ margin-top: 20px; /* oberhalb Linie */ } 2. Speichern Sie das Stylesheet und betrachten Sie die Webseiten im Browser. 149