Naeva: CSS Schachbrettmuster

Beitrag lesen

Würde gerne den CSS Code so ergänzen das sich ein Schachbrett Muster ergibt.

<title> ... </title>
<style type="text/css">

body {
   background-color: gray;
}

#wrap {
   margin: auto 20px;
   width: 500px;
}

</style>
</head>

<body>
<div id="wrap">
<div class="schwarz"></div><div class="weiss"></div>
<div class="schwarz"></div><div class="weiss"></div>
</div class="schwarz"></div>

<div class="weiss"></div><div class="schwarz"></div>
<div class="weiss"></div><div class="schwarz"></div>
</div class="weiss"></div>

<div class="schwarz"></div><div class="weiss"></div>
<div class="schwarz"></div><div class="weiss"></div>
</div class="schwarz"></div>

<div class="weiss"></div><div class="schwarz"></div>
<div class="weiss"></div><div class="schwarz"></div>
</div class="weiss"></div>

<div class="schwarz"></div><div class="weiss"></div>
<div class="schwarz"></div><div class="weiss"></div>
</div class="schwarz"></div>
</div>
</body>
</html>