Heim > Artikel > Web-Frontend > So legen Sie den Hintergrund einer Webseite in HTML fest
So legen Sie den Hintergrund einer Webseite in HTML fest
- 青灯夜游Original
- 2021-05-27 18:00:1542298Durchsuche
Methode: 1. Verwenden Sie im Body-Tag das bgcolor-Attribut, um die Hintergrundfarbe festzulegen, die Syntax „
“ 2. Verwenden Sie im Body-Tag das Hintergrundattribut zum Festlegen das Hintergrundbild, die Syntax „ ".
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.
Ein guter Hintergrund lässt eine Website großartig aussehen. Wie legt man also den Hintergrund der Webseite in HTML fest? Lassen Sie es uns unten vorstellen.
verfügt über zwei Eigenschaften zum Konfigurieren des Hintergrunds. Der Hintergrund kann eine Farbe oder ein Bild sein.Hintergrundfarbe (Bgcolor)
Das Attribut bgcolor gibt die Hintergrundfarbe des Dokuments an. Eigenschaftswerte können Hexadezimalzahlen, RGB-Werte oder Farbnamen sein.
<body bgcolor="#000000"> <body bgcolor="rgb(0,0,0)"> <body bgcolor="black">
Die oben genannten Codes setzen alle die Hintergrundfarbe auf Schwarz.
Beispiel:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body bgcolor="#E6E6FA"> <h1>Hello world!</h1> </body> </html>
Background (Hintergrund)
background-Attribut gibt das Hintergrundbild des Dokuments an. . Der Attributwert ist die URL des Bildes. Wenn die Bildgröße kleiner als das Browserfenster ist, wird das Bild über das gesamte Browserfenster kopiert.
<body background="logo.png"> <body background="https://www.php.cn/static/images/logo.png">
URL kann eine relative Adresse sein, beispielsweise die erste Codezeile. Sie können auch absolute Adressen verwenden, wie in der zweiten Codezeile.
Beispiel:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body background="img/1.jpg"> <h1>Hello world!</h1> </body> </html>
Empfohlenes Tutorial: „HTML-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonSo legen Sie den Hintergrund einer Webseite in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!