Heim > Artikel > Web-Frontend > So legen Sie ein Hintergrundbild in HTML fest
So legen Sie ein Hintergrundbild in HTML fest
- 藏色散人Original
- 2021-04-02 10:07:5164825Durchsuche
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: 
Code-Erklärung:
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!