Plik HTML o nazwie przyklad1.html
<html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<link href="p_szachownica.css" type="text/css" rel="stylesheet">
<title> Szachownica</title>
</head>
<body>
<div id="tlo">
<div class="lewy">
<p>lg</p>
</div>
<div class="prawy">
<p>pg</p>
</div>
<div class="lewyd">
<p>ld"</p>
</div>
<div class="prawyd">
<p>pd"</p>
</div>
</div>
</body>
</html>
Plik css o nazwie: p_szachownica.css
#tlo{
width: 700px;
height:700px;
background: #CCFFCC;
padding: 0px;
border:0px solid #000;
}
.lewy {
width:50%;
height:50%;
float:left;
margin: 0px;
padding:0px;
border: 0px solid #FFAAAA;
background: #ff0000;
}
.prawy {
width:50%;
height:50%;
float: right;
margin: 0px;
padding:0;
border: 0px solid #000000;
background: #ffffff;
}
.lewyd{
width:50%;
height:50%;
float:left;
background: #ffffff;
}
.prawyd{
width:50%;
height:50%;
float: right;
background: #ff0000;
}
