Sie können die Verwendung img

Tag ein Bild zu HTML5-Seite hinzufügen, aber manchmal will man für ein bestimmtes Element-Bilder als Hintergrund verwenden oder für die gesamte Seite. Sie können die Verwendung Hintergrundbild CSS-Regel auf einer Seite ein Hintergrundbild auf eine Seite oder Elemente anzuwenden.

Hintergrundbilder sind einfach anzuwenden. Der Code für backgroundImage.html zeigt, wie:

Mit Hintergrundbildern
Die Überschrift verwendet eine leichtere Version des Hintergrunds, und der Absatz verwendet einen einfarbigen Hintergrund withlight Transparenz.
Die Überschrift verwendet eine leichtere Version des Hintergrunds, und der Absatz verwendet einen einfarbigen Hintergrund withlight Transparenz.

Anbringen des Hintergrundbildes auf ein Element durch CSS ist nicht schwer. Hier sind die allgemeinen Schritte:

1. Finden oder ein entsprechendes Bild zu erstellen und legen Sie sie im selben Verzeichnis wie die Seite, so dass es leicht zu finden.

2. Bringen Sie die Hintergrundbild Style-Regel auf die Seite, die Sie, um das Bild anwenden möchten.

   Wenn Sie das Bild auf die gesamte Seite angewendet werden soll, verwenden Sie das Element.

3. Sagen Sie CSS wo Hintergrundbild ist durch eine Zugabe url Kennung.

   Benutze das Stichwort url ()um anzuzeigen, dass das nächste, was eine Adresse ist.

4. Geben Sie die Adresse des Bildes.

   Am einfachsten ist es, wenn das Bild im selben Verzeichnis wie die Seite ist. Wenn das der Fall ist, können Sie einfach den Bildnamen eingeben. Stellen Sie sicher, dass Sie die URL mit Anführungszeichen.

5. Testen Sie Ihr Hintergrundbild durch die Webseite in Ihrem Browser anzeigen.

   Viele können mit Hintergrundbildern schief gehen. Das Bild kann nicht im richtigen Verzeichnis sein, Sie falsch geschriebene seinen Namen haben könnte, oder Sie können die Bit vergessen haben.

Erste eine Zuverlässigkeitsüberprüfung

Es ist ziemlich einfach Hintergründe hinzufügen, aber Hintergrund Bilder sind nicht perfekt. Hier ist eine Seite mit einem schönen Hintergrund. Leider ist der Text schwer zu lesen.

Hintergrundbilder können viel hinzufügen Zischen auf Ihre Seiten, aber sie können einige Probleme, wie zum Beispiel vorstellen

• Hintergrundbilder können auf die Dateigröße haben. Die Bilder sind sehr groß, so dass ein großes Hintergrundbild können Sie Ihre Seite viel größer und schwerer zu machen herunterladen.

• Manche Bilder können Sie Ihre Seite schwieriger zu lesen machen. Ein Bild im Hintergrund kann mit dem Text stören, so dass die Seite kann viel schwieriger sein zu lesen.

• Gute Bilder sind keine guten Hintergründe. Ein gutes Bild zieht das Auge und lenkt die Aufmerksamkeit auf sie. Der Auftrag eines Hintergrundbildes ist in den Hintergrund treten. Wenn man die Leute auf ein Bild aussehen wollen, einbetten. Hintergrundbilder sollten nicht in den Vordergrund springen.

• Hintergründe müssen mit geringem Kontrast zu sein. Wenn Ihr Hintergrundbild zu dunkel ist, können Sie Licht Text anzeigen zu lassen. Wenn das Hintergrundbild Licht, dunklen Text auftaucht. Wenn Ihr Bildbereiche von Licht und Dunkelheit hat (wie fast alle gute Bilder), wird es unmöglich sein, eine Textfarbe zu finden, die gegen es gut aussieht.