Heim > Web-Frontend > HTML-Tutorial > So legen Sie ein Hintergrundbild in HTML fest

So legen Sie ein Hintergrundbild in HTML fest

藏色散人
Freigeben: 2023-01-04 09:34:03
Original
64901 Leute haben es durchsucht

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.

So legen Sie ein Hintergrundbild in HTML fest

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
So legen Sie ein Hintergrundbild in HTML fest

<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>
Nach dem Login kopieren

Ergebnisdemonstration ausführen:
So legen Sie ein Hintergrundbild in HTML fest


Code-Erklärung:

background=".../...jpg&#39;"
Nach dem Login kopieren

Der Wert in doppelten Anführungszeichen ist Der Pfad zum Speichern des Bildes

background-repeat:no-repeat;
Nach dem Login kopieren

Stellen Sie das Bild einNicht wiederholt anzeigen

background-attachment:fixed;
Nach dem Login kopieren

Stellen Sie das Bild ein Fest Position

background-size:100% 100%;
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage