Beispiel:CSS2 margin.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" type="text/css" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css" />
		<title>margin</title>
		<style>
			.typA { margin: 1cm;             background-color:#99FF99; }
			.typB { margin: 1cm 2cm;         background-color:#FFFF99; }
			.typC { margin: 1cm 2cm 3cm;     background-color:#99FFFF; }
			.typD { margin: 1cm 2cm 3cm 4cm; background-color:#FF99FF; }
		</style>
	</head>
	<body>
		<h1>Verwendung von <code>margin</code></h1>
		<main>
			<div class="typA"><h2>typA mit margin: 1cm</h2></div>
			<hr>
			<div class="typB"><h2>typB mit margin: 1cm 2cm</h2></div>
			<hr>
			<div class="typC"><h2>typC mit margin: 1cm 2cm 3cm</h2></div>
			<hr>
			<div class="typD"><h2>typD mit margin: 1cm 2cm 3cm 4cm</h2></div>
		</main>
	</body>
</html>