Heim > Artikel > Web-Frontend > So legen Sie ein Hintergrundbild in CSS fest
So legen Sie ein Hintergrundbild in CSS fest
- 王林Original
- 2021-05-14 14:22:1210200Durchsuche
Die Möglichkeit, das Hintergrundbild in CSS festzulegen, besteht darin, das Attribut „Hintergrundbild“ zu verwenden, z. B. [Hintergrundbild: URL ();]. Der Hintergrund eines Elements nimmt die gesamte Größe des Elements ein, einschließlich Abstand und Ränder, jedoch keine Ränder.
Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.
In CSS können wir das Attribut „Hintergrundbild“ verwenden, um ein Hintergrundbild für ein Element festzulegen. Der Hintergrund eines Elements nimmt die gesamte Größe des Elements ein, einschließlich Polsterung und Rändern, jedoch keine Ränder.
Standardmäßig wird das Hintergrundbild in der oberen linken Ecke des Elements platziert und wiederholt sich horizontal und vertikal.
Zum Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
<style>
body
{
background-image:url('https://xxx.com/images/mix/paper.gif');
background-color:#cccccc;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>Verwandte Lernvideofreigabe: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo legen Sie ein Hintergrundbild in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!