Wie man einen Bildlauf Hintergrund mit CSS

CSS oder cascading Stylesheets, passt das allgemeine Erscheinungsbild einer Webseite, ob Sie den Vorder- oder Hintergrund formatieren. Obwohl die Standard-Hintergrundfarbe der Webseiten weiß ist, kann die Hintergrundfarbe ändern, ein Bild oder tun, eine Kombination aus diesen auf Ihrer Website ein neues Aussehen zu verleihen. Wenn Sie einen Bildlauf Hintergrund verwenden, verschiebt der Hintergrund wie Sie die Seite blättern. Sie können den Hintergrund Scrollen horizontal, vertikal oder in beide Richtungen festlegen.

Anweisungen

1 Öffnen Sie einen Texteditor wie Notepad, TextPad oder EditPad. Wählen Sie "Datei" und "Neu" ein neues Dokument zu öffnen.

2 Ergänzen Sie einen durchlaufende Stil wie folgt, aber ersetzen Sie "backgroundimg.gif" durch den Namen Ihres Hintergrundbildes:

Körper {}Margin: 0 Auto;Background-Image:URL('backgroundimg.gif');Background-Attachment: Scroll;Background-Repeat: Repeat-y;}

3 Legen Sie den Wert für "Background-Repeat" auf "Wiederholen-y;" auf Hintergrund vertikal wiederholt werden soll. Legen Sie den Wert auf "Repeat-X;" zu machen, horizontal zu wiederholen. Entfernen Sie die Zeile "Hintergrund-Repeat: Repeat-y;" insgesamt zu machen, horizontal und vertikal scrollen.

4 Wählen Sie "Datei" und "Speichern" im Menü. Das Dialogfeld "Speichern unter" wird geöffnet. Benennen Sie die Datei "style.css" und setzen Sie ihn in Zitaten, die CSS-Datei-Erweiterung zu bewahren.

5 Schließen Sie die CSS-Datei und wählen Sie "Datei" und "Öffnen" im Menü. Ein Dialogfeld wird geöffnet. Doppelklicken Sie auf die HTML-Seite, wo die CSS verwendet wird.

6 Fügen Sie die folgenden zwischen den < HEAD >-Tag für den Bildlauf Hintergrund zur Seite übernehmen:

< href="style.css link" Rel = "Stylesheet" Type = "Text/Css" / >

7 Wählen Sie "Datei" und "Speichern" aus dem Menü um die HTML-Datei speichern.