Hinzufügen eine BG zu einer Seite

CSS, Abkürzung für Cascading Style Sheet, hat eine nützliche BG-Eigenschaft, die Sie verwenden können, um Ihre Webseiten zu verbessern. Die BG oder die Background-Eigenschaft, kann Entwickler Bilder im Hintergrund einer Webseite in eine Vielzahl von Möglichkeiten zu platzieren. Die BG-Eigenschaft hat auch einen Color-Parameter, mit denen Sie Seiten Farbe hinzu. Lernen Sie ein paar CSS-Regeln, können Sie erstellen und aktualisieren Ihre Hintergründe schnell mit ein paar Zeilen CSS-Code.

Anweisungen

1 Starten Sie Editor und öffnen Sie Ihre HTML-Dokumente.

2 Suchen Sie das Dokument "Kopf" Abschnitt, und fügen Sie diesen Code in diesem Abschnitt:

< Typ style = "Text/Css" >

Körper

{Hintergrund-Farbe: blau;}

< / style >

Dieser CSS-Code erstellt einen blauen Hintergrund für Ihre Webseite.

3 Ändern Sie die Farbe in eine andere Farbe wie rot oder grün, und speichern Sie das Dokument. In Ihrem Browser geöffnet und die Web-Seite anzeigen. Der Hintergrund wird die Farbe, die Sie ausgewählt.

4 Zurück zum HTML-Dokument. Ersetzen Sie den vorherigen Code mit dieser CSS-Code:

< Typ style = "Text/Css" >

Körper

{

Hintergrund-Bild: URL('xyz.gif'); Background-Repeat: repeat;

}

< / style >

Ersetzen Sie "xyz.gif" durch den Namen einer kleinen Bilddatei auf Ihrer Festplatte. Mit dem "Background-Image"-Tag bewirkt, dass das Bild, das als Hintergrund einer Webseite angezeigt werden sollen. Die Eigenschaft "Background-Repeat" bestimmt, ob dieses Bild oder nicht wiederholt wird. In diesem Beispiel wird der Wert der Eigenschaft "wiederholen."

5 Speichern Sie das Dokument und zeigen Sie es in Ihrem Browser. Die Webseite zeigt eine gekachelte Hintergrund zu wiederholen.

6 Zurück zum HTML-Dokument, und löschen Sie den CSS-Code. Fügen Sie den folgenden Code, an seiner Stelle:

< Typ style = "Text/Css" >

Körper

{

Hintergrund-Bild: URL('xyz.jpg'); Background-Repeat: keine-Repeat; Background-Position: 100px 200px;

}

< / style >

Ersetzen Sie "xyz.jpg" durch den Namen eines größeren Bildes auf Ihrer Festplatte. Beachten Sie, dass die "Background-Repeat" hat einen Wert von "No-Repeat." Dadurch wird verhindert, dass den Browser das Bild wiederholen. Der Wert "Background-Position" können Sie das Bild auf der Web-Seite zu positionieren. In diesem Fall setzt der erste Wert, "100px," die 100 Bildpixel vom linken Rand der Seite. Der Wert "200px" legt die 200 Bildpixel oben.

7 Ändern Sie diese Pixelwerte in alles, was Sie mögen. Speichern Sie das HTML-Dokument, und öffnen Sie sie in Ihrem Browser. Eine einzelne, nicht wiederholte Bild erscheint in der Lage, die Sie im CSS festgelegt.

Tipps & Warnungen

• Gibt es andere Eigenschaften, die Sie festlegen können, um die Positionierung und Ausrichtung von Hintergrundbildern zu steuern. Zum Beispiel anstatt einer Bildposition auf einer Seite mit Pixeln können Schlüsselwörter wie "Links" und "oben." Sie Online HTML-Tutorials und Bücher helfen Ihnen diese Hintergrundeigenschaften zu lernen.