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:SELFHTML-Beispiel-Grundlayout.css" />
		<title>background-repeat</title>
		<style>
			div {
				background-image: url("https://wiki.selfhtml.org/mediawiki/images/8/87/Selfhtml-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>
		<h1>Verwendung von <code>background-repeat</code></h1>
		<main>
			<h2>Kachelung des Hintergrundbildes</h2>
			<div id="one"><code>background-repeat: repeat;</code></div>
			<div id="two"><code>background-repeat: space;</code></div>
			<div id="three"><code>background-repeat: round;</code></div>
			<div id="four"><code>background-repeat: no-repeat;</code></div>
		</main>
	</body>
</html>
Abgerufen von „http://wiki.selfhtml.org/index.php?title=Beispiel:CSS3_background-repeat.html&oldid=54238“