id=start" id="start">Start
Wir haben also schon mit margin gearbeitet, ohne es bewusst eingesetzt zu haben. Lernen wir die Möglichkeiten von margin kennen. Für alle 4 Seiten gleicher Außenabstand Geben wir unserer Box 1 nun einen Außenabstand von 16 Pixeln für alle 4 Seiten mit. Dazu bekommt unsere ID-Selektor mit dem Namen "box1" den Außenabstand margin: 16px; background-color: hsla(90, 50%, 50%, 0.
Dieses wird als Bild über das Element body eingebunden. Hier wenden wir bereits das Hintergrundbild aus dem vorherigen Kapiteln zum Box-Modell an. Das Bild kann heruntergeladen werden unter: Unser Hintergrundraster wird nun als Grafik über CSS eingebunden: body { background-image: url(bilder/); font-family: sans-serif;} Bitte daran denken – im Browser zoomen (bei Chrome funktioniert dies über STRG + +). Nur so können wir einzelne Pixel auch sichtbar machen (wer hat sonst so guten Augen? ). Im nächsten Schritt bekommen unsere 2 Elemente eine Farbe zugewiesen. Dies haben wir bereits auch in unserem Box-Modell kennengelernt. CSS - Horizontale Navi-Leiste mit gleichen Abständen über die volle Breite | ComputerBase Forum. Für meine Bildschirmkopien verwende ich allerdings die Möglichkeit, die Farbe transparent zu machen um die Platzierung besser sehen zu können. Hier kommt das hsla-Farbmodell zum Zuge (was später im Kurs bei CSS3 ausführlich vorgestellt wird). Beide Farbangaben sind im Code aufgeführt: #box1 { background-color: greenyellow; background-color: hsla(90, 50%, 50%, 0. 8);} #nachfolgend { background-color: skyblue; background-color: hsla(200, 50%, 50%, 0.
Danke nochmal für den Hinweis. #8 Gern geschehen Und nicht vergessen, abschließend das Thema als erledigt zu markieren - danke