So legen Sie ein Hintergrundbild in HTML fest-HTML-Tutorial-php.cn

So legen Sie ein Hintergrundbild in HTML fest

王林

Freigeben： 2023-01-06 11:17:56

Original

63200 Leute haben es durchsucht

Die Möglichkeit, das Hintergrundbild in HTML festzulegen, besteht darin, das Attribut „Hintergrundbild“ zum Textkörper hinzuzufügen und die URL des Hintergrundbilds festzulegen, z. B. [Hintergrundbild: URL ('');].

So legen Sie ein Hintergrundbild in HTML fest

Die Betriebsumgebung dieses Artikels: Windows 10-System, HTML 5, Thinkpad T480-Computer. Das Attribut

background-image legt das Hintergrundbild eines Elements fest.

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.

Gemeinsame Attributwerte:

url('URL') Die URL des Bildes
keine Es wird kein Bildhintergrund angezeigt. Dies ist der Standardattributwert
inherit Gibt an, dass das Hintergrundbild vom übergeordneten Element geerbt werden soll

Codebeispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style>
body 
{
	background-image:url(&#39;https://static.runoob.com/images/mix/paper.gif&#39;);
	background-color:#cccccc;
}
</style>
</head>

<body>
<h1>Hello World!</h1>
</body>

</html>

Nach dem Login kopieren

Sie können den obigen Code lokal speichern und versuchen, ihn auszuführen, um den Effekt zu sehen.

Verwandte Videofreigabe: 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!