Methode: 1. Verwenden Sie das Attribut „background-attachment“ mit der Syntax „background-attachment:fixed“; 2. Verwenden Sie das Attribut „background-repeat“ mit der Syntax „background-repeat:no-repeat“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
1. Auf diese Weise wird das Hintergrundbild fixiert und beim Scrollen der Seite nicht wiederholt.
<body style="background-image: url("图片文件地址"); background-attachment: fixed;">2. Um zu verhindern, dass das Bild auf jeder Bildschirmgröße wiederholt wird, können Sie den Hintergrund wie folgt einstellen (das Bild ist nicht gekachelt):
<body style="background-image: url("图片文件地址"); background-repeat:no-repeat;">Empfohlenes Lernen: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo stellen Sie in CSS ein, dass das Hintergrundbild nicht gekachelt wird. 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)
