Heim > Artikel > Web-Frontend > So legen Sie ein Hintergrundbild in HTML fest
So legen Sie ein Hintergrundbild in HTML fest
- 青灯夜游Original
- 2021-04-30 18:16:4081428Durchsuche
Einstellungsmethode: 1. Verwenden Sie das Hintergrundattribut, die Syntax „
“ 2. Verwenden Sie das Hintergrundbildattribut, die Syntax „".
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.
Methode 1: Verwenden Sie das Attribut „Body-Hintergrund“
Das Attribut „Body-Hintergrund“ gibt das Hintergrundbild des Dokuments an. Die Syntax lautet wie folgt:
<body background="URL">
Beispiel:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body background="img/1.jpg"> 添加背景图片 </body> </html>
Rendering:
Methode 2: Verwenden Sie das CSS-Hintergrundbildattribut
background-image-Attribut, um das Hintergrundbild eines Elements festzulegen.
Der Hintergrund eines Elements ist die Gesamtgröße des Elements, einschließlich Polsterung und Rändern (jedoch nicht der Ränder).
Standardmäßig wird das Hintergrundbild in der oberen linken Ecke des Elements platziert und wiederholt sich sowohl vertikal als auch horizontal.
Beispiel:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body style="background-image: url(img/3.jpg);"> 添加背景图片 </body> </html>
Rendering:
Empfohlenes Tutorial: „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!