<!DOCTYPE html>
<html>
<head>
<style>
html{
background-color: gray;
}
body{
width:400px;
height:400px;
margin:0 auto;
margin-top: 50px;
background-color: red;
}
.row{
width:50px;
height:50px;
float:left;
}
.color1{
width:50px;
height:50px;
background-color:white;
border-color: black;
border-right:none;
border-style:groove;
border-width: 1px;
float:left;
}
.color2{
width:50px;
height:50px;
background-color:red;
border-color: black;
border-right:none;
border-style:groove;
border-width: 1px;
float:left;
}
</style>
</head>
<body>
<div class=”row”>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
</div>
<div class=”row”>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
</div>
<div class=”row”>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
</div>
<div class=”row”>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
</div>
<div class=”row”>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
</div>
<div class=”row”>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
</div>
<div class=”row”>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
</div>
<div class=”row”>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
<div class=”color2″></div>
<div class=”color1″></div>
</div>
</body>
</html>