So legen Sie den Hintergrund einer Webseite in HTML fest-HTML-Tutorial-php.cn

So legen Sie den Hintergrund einer Webseite in HTML fest

青灯夜游

Freigeben： 2023-01-06 11:15:42

Original

42280 Leute haben es durchsucht

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 „ ".

So legen Sie den Hintergrund einer Webseite in HTML fest

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">

Nach dem Login kopieren

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>

Nach dem Login kopieren

So legen Sie den Hintergrund einer Webseite in HTML fest

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">

Nach dem Login kopieren

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>

Nach dem Login kopieren

So legen Sie den Hintergrund einer Webseite in HTML fest

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!