Einen Rahmen hinzufügen

Jetzt haben Sie also ein <div> um alle Elemente im Elixir-Abschnitt. Der Spaß kann beginnen: Sie können es stylen.

Das Erste, was wir vom Elixir-Flyer reproduzieren wollen, ist ein Rahmen, der alle Elemente im Elixir-Abschnitt umschließt, oder? Nun, da Sie jetzt tatsächlich ein <div>-Element haben, das den ganzen Elixir-Abschnitt umschließt, können Sie ihn stylen und ihm einen Rahmen geben. Versuchen wir das jetzt.

Sie brauchen im CSS der Bar eine neue Regel, die das <div>-Element anhand seiner ID auswählt. Öffnen Sie die Datei »bar.css« aus dem Ordner »kapitel10/bar« und hängen Sie am Ende die folgende Regel an:

image with no caption

Get HTML & CSS von Kopf bis Fuß, 2nd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.