So legen Sie das Hintergrundbild in HTML fest: Erstellen Sie zunächst eine HTML-Beispieldatei; verwenden Sie dann Hintergrund und Stil, um das Hintergrundbild festzulegen.
Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, DELL G3-Computer
HTML-Einstellungsbild als Seitenhintergrund:
Frage:
in einer HTML-Seite Wie lege ich ein Bild als Seitenhintergrund fest, ohne das CSS-Box-Modell zu verwenden?
Methode:
Verwenden Sie Hintergrund und Stil in , um
Beispiel:
Hier habe ich sowohl Dateien im HTML-Format als auch Bilddateien im JPG-Format auf dem Desktop abgelegt
<html> <head> <meta content="text/html" charset="UTF-8"> <title>HTML设置图片为页面背景</title> </head> <body background="夕阳余晖.jpg" style="background-repeat:no-repeat background-attachment:fixed; background-size:100% 100%; "> </body></html>
Ergebnisdemonstration ausführen:
background=".../...jpg'"
Der Wert in doppelten Anführungszeichen ist Der Pfad zum Speichern des Bildes
background-repeat:no-repeat;
Stellen Sie das Bild einNicht wiederholt anzeigen
background-attachment:fixed;
Stellen Sie das Bild ein Fest Position
background-size:100% 100%;
Stellen Sie das Bild einErreichen Sie 100 % des Fensters
Oben erfahren Sie, wie Sie ein Bild als Hintergrund der Seite festlegen, ohne das CSS-Boxmodell in HTML zu verwenden
Empfohlenes Lernen: „HTML-Video-Tutorial 》
Das obige ist der detaillierte Inhalt vonSo legen Sie ein Hintergrundbild in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!