So legen Sie das Hintergrundbild in CSS fest: 1. Verwenden Sie das Attribut „background-image“, die Syntax „background-image:url (picture url);“ 2. Verwenden Sie das Attribut „background“, die Syntax „background:url (picture). URL);" .
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
In CSS können Sie das Hintergrundbild über das Attribut „Hintergrundbild“ oder das Attribut „Hintergrund“ festlegen.
Das Attribut „Hintergrundbild“ wird verwendet, um das Hintergrundbild eines Elements festzulegen. Der Hintergrund eines Elements entspricht der Gesamtgröße des Elements, einschließlich Innenabstand 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.
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 450px;
height: 360px;
background-image: url(img/1.jpg);
background-size: 450px;/*设置图片大小*/
}
</style>
</head>
<body>
<div></div>
</body>
</html>Das Hintergrundattribut ist ein Kurzattribut, das alle Hintergrundattribute in einer Anweisung festlegen kann, einschließlich:
background-color gibt die zu verwendende Hintergrundfarbe an
background-position gibt das Hintergrundbild an Die Position von
background-size gibt die Größe des Hintergrundbilds an.
background-repeat gibt an, wie das Hintergrundbild wiederholt werden soll.
background-origin gibt den Positionierungsbereich des Hintergrundbilds an
div {
width: 450px;
height: 360px;
background: url(img/2.jpg);
background-size: 450px;/*设置图片大小*/
} 
(Lernvideo-Sharing:
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!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
