Stylesheet-Demo

Bis jetzt haben wir nur Angaben gemacht, die für den ganzen Body-Bereich gelten. Nun wollen wir mal dem Haupttitel eine Spezialbehandlung angedeihen lassen.

• Wechsle wieder zum Stylesheet im Editor.
• Füge am Ende die Angaben für den Titel an:

  h1 { font-family: "Courier New" ;
      font-size: x-large ;
      color: red ;
      padding: 1em ;
      text-align: center ;
      background-color: white ;
      border-left : none ;
      border-top: none ;
      border-right: solid 4px blue ;
      border-bottom: solid 4px blue ;
      margin-bottom: 2em ;
      }

• Speichere das Stylesheet und aktualisiere diese Seite hier.

Du siehst, dass du recht tief ins Detail gehen kannst. Wann immer auf unsern Seiten nun ein Haupt-Titel vorkommt, wird er die geforderte Darstellung haben.