Heim > Artikel > Web-Frontend > So stellen Sie in CSS ein, dass das Hintergrundbild nicht gekachelt wird
So stellen Sie in CSS ein, dass das Hintergrundbild nicht gekachelt wird
- 醉折花枝作酒筹Original
- 2021-04-09 17:21:048907Durchsuche
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.
Das Hintergrundbild sollte nicht wiederholt oder gekachelt werden. Sie können den Hintergrund wie folgt festlegen:
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!