Weitere Infos
Sie lesen:
LB1 (2009)
Diese Website ist von 2009 und wird nicht mehr gepflegt. Die Informationen sind zum großen Teil also wirklich veraltet.
Aktuelle Infos finden Sie hier:
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 Rahmenlinie und gestalten die Abstände darunter (padding-top) und darüber (margin-top).
ToDo: Eine obere Rahmenlinie für #fussbereich erstellen
- 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 */
} - Speichern Sie das Stylesheet und betrachten Sie die Webseiten im
Browser.
Die drei Deklarationen beschreiben die Abstände wie folgt:
- padding-top ist der Abstand zwischen dem Text von address und der Rahmenlinie darüber.
- border-top erzeugt eine Rahmenlinie oben: 1 Pixel dick, durchgezogen (solid) und farbig.
- margin-top regelt den Abstand zwischen der Linie und dem Element darüber.