Chessboard with html and css

Chessboard with html and css

by Adi Jaya

HTML

<div class="overflow">
<table class="table">
  <tbody>
    <tr>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td class="black"><br></td>
    </tr>
    <tr>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
    </tr>
    <tr>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td class="black"><br></td>
    </tr>
    <tr>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
    </tr>
    <tr>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td class="black"><br></td>
    </tr>
    <tr>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
    </tr>
    <tr>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td class="black"><br></td>
      <td class="white"><br></td>
      <td...

CSS

body {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
}
.overflow {
    overflow-x:auto;
}
.table {
    margin : 0 auto;
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 90%;
    height : 100%;
    font-family: inherit;
    font-size: inherit;
    margin-bottom: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.table td {
    vertical-align: middle;
    border: 1px solid #a9a9a9;
    padding: 15px 25px;
}
.black {
    background : black;
}
.white {
    background : white;
}