Wie mithilfe von div-Tags für Hintergrund

Das DIV-Tag wird verwendet, um Blöcke zu erstellen, die mit verschiedenen Attributen in CSS (cascading Stylesheet) formatiert werden können. Obwohl das Aufkommen von HTML5 schließlich das DIV-Tag obsolet machen wird, ist es derzeit noch ein nützliches Tag. Mit dem DIV-Tag mit Inline-Attribute bieten eine schnelle Möglichkeit, einen bestimmten Abschnitt einer Seite anpassen. Das DIV-Tag kann als Wrapper verwendet werden, um einen Hintergrund für einen angegebenen Teil der Seite zu erstellen. Der Hintergrund kann entweder einfarbig oder eines Bildes festgelegt werden.

Anweisungen

Hintergrundfarbe auf eine Farbe

1 Finden Sie den HTML-Farbcode für den Hintergrund. Eine Ressource, den Farbcode zu erhalten ist die HTML Color Picker-Website (siehe Ressourcen).

2 Fügen Sie das Attribut "Background-Color", als ein Stil-Option, um das DIV-Tag. Definieren Sie das Attribut mit den HTML-Farbcode. Für schwarz ist der Code wie folgt:

< DIV Style = "Hintergrundfarbe: #000000" > hier Ihren Text < / Div >

3 Hochladen Sie Ihrer Web-Seite und dann testen Sie den Code von der Ergebnisseite in mehreren Browsern.

Hintergrundfarbe zu einem Bild

4 Laden Sie das Hintergrundbild auf Ihrem Webserver oder ein Dienst, für die direkte Verknüpfung zu Bildern ermöglicht.

5 Fügen Sie das Attribut "Background-Image", als ein Stil-Option, um das DIV-Tag. Definiert das Attribut mit dem folgenden Code: "URL(pathtoimage)". Ersetzen Sie den Text in der Klammer auf dem Pfad des Bildes entsprechen, die Sie verwenden möchten. Für ein Bild mit dem Namen "background.jpg", die in einem Ordner namens "Bilder" im gleichen Verzeichnis wie die Webseite gespeichert ist, ist der Code wie folgt:

< DIV Style = "Hintergrund-Bild: URL(/images/background.jpg)" > hier Ihren Text < / Div >

6 Hochladen Sie Ihrer Web-Seite und dann testen Sie den Code von der Ergebnisseite in mehreren Browsern.