Heim  >  Artikel  >  Web-Frontend  >  Wie schreibe ich Code, um das Hintergrundbild einer Website in HTML zu ändern oder hinzuzufügen? (Beispiel)

Wie schreibe ich Code, um das Hintergrundbild einer Website in HTML zu ändern oder hinzuzufügen? (Beispiel)

藏色散人
藏色散人Original
2018-08-06 16:19:0716899Durchsuche

In diesem Artikel wird hauptsächlich erläutert, wie man Website-Hintergrundbilder im HTML-Code ändert oder hinzufügt. Für Anfänger ist es am einfachsten, das Hintergrundbild zu ändern.
Wir können mit der rechten Maustaste auf die Webseite klicken, um den Quellcode der Website anzuzeigen, dann den Hintergrundbildcode im CSS suchen, den Hintergrundbildpfad anzeigen und das Bild über FTP oder Server ersetzen.

Die spezifischen Codebeispiele zum Ändern oder Hinzufügen von Website-Hintergrundbildern in HTML lauten wie folgt:

/*控制背景图片是否滚动*/
body{background-image:url(图片地址);background-repeat:no-repeat;background-attachment:fixed;} 
body{background-image:url(图片地址);background-repeat:no-repeat;background-attachment:scroll;}

Wie schreibe ich Code, um das Hintergrundbild einer Website in HTML zu ändern oder hinzuzufügen? (Beispiel)

Hinweis:

Hintergrund Das Attribut -attachment legt fest, ob das Hintergrundbild fest ist oder mit dem Rest der Seite scrollt.

Mögliche Werte:

scrollen: Standardwert. Das Hintergrundbild bewegt sich, während der Rest der Seite scrollt.

behoben: Das Hintergrundbild bewegt sich nicht, wenn der Rest der Seite gescrollt wird.

inherit: Gibt an, dass die Einstellung des Attributs „background-attachment“ vom übergeordneten Element geerbt werden soll.

Ich hoffe, dass diese Artikeleinführung für alle hilfreich sein wird.

【Empfohlene verwandte Artikel】

HTML zum Ersetzen des Hintergrundbilds

So legen Sie den DIV-Hintergrundbildhintergrund fest

Verwenden Sie CSS, um Hintergrundbilder für Bilder festzulegen

Wie verwende ich den CSS-Selektor, um das Hintergrundbild der Navigationsleiste zu ändern?


Das obige ist der detaillierte Inhalt vonWie schreibe ich Code, um das Hintergrundbild einer Website in HTML zu ändern oder hinzuzufügen? (Beispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn