Du kannst ein Hintergrundbild zu einer Webseite mit CSS auf die folgende Weise hinzufügen:
```css
body {
background-image: url(‘Bild-URL’);
}
```
Du ersetzt ‘Bild-URL’ durch die tatsächliche URL des Bildes, das du hinzufügen möchtest. Der obige Code fügt das Bild zum gesamten Body der Webseite hinzu.
Es gibt auch andere Eigenschaften, die du ändern kannst um das Hintergrundbild anzupassen, einschließlich:
- `background-repeat:` Definiert, ob und wie das Hintergrundbild wiederholt wird.
- `background-size:` Definiert die Größe des Hintergrundbildes.
- `background-position:` Definiert die Position des Hintergrundbildes.
- `background-attachment:` Definiert, ob das Hintergrundbild beim Scrollen der Seite fest oder mit dem Inhalt scrollt.
Beispiel:
```css
body {
background-image: url(‘Bild-URL’);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-attachment: fixed;
}
```
Dieser Code bewirkt, dass das Bild nicht wiederholt wird, es deckt die gesamte Größe des Body-Elements ab, es ist zentriert und scrollt nicht mit dem Inhalt (es bleibt fest, wenn man den Inhalt der Seite scrollt).
