Direktnavigation

Weitere Infos

Sie lesen:
LB Teil 1 (2009)

Little Boxes Teil 1 (Cover)

Aktuell (2015)
Einstieg in CSS

Einstieg in CSS (Cover)


2. Auflage!

Einstieg in CSS (Cover)

Beispielseiten

Inhaltsbereich

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
  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.

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.