Beispiel:CSS3 background-repeat.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" media="screen" href="./Beispiel:Grundlayout.css" /> <title>background-repeat</title> <style> div { background-image: url("https://wiki.selfhtml.org/images/archive/8/87/20250522142633%21Selfhtml-logo.gif"); height: 109px; margin: 1em; outline: 1px solid; padding: 0; width: 30em; } div code { background-color: white; } #one { background-repeat: repeat; } #two { background-repeat: space; } #three { background-repeat: round; } #four { background-repeat: no-repeat; } </style> </head> <body>

Verwendung von background-repeat

<main>

Kachelung des Hintergrundbildes

background-repeat: repeat;
background-repeat: space;
background-repeat: round;
background-repeat: no-repeat;

</main> </body> </html>