chess table

by StefanG

HTML

<html>

  <body>
    <table>
      <tr>
        <td>&#9820;</td>
        <td>&#9822;</td>
        <td>&#9821;</td>
        <td>&#9819;</td>
        <td>&#9818;</td>
        <td>&#9821;</td>
        <td>&#9822;</td>
        <td>&#9820;</td>
      </tr>
      <tr>
        <td>&#9821;</td>
        <td>&#9821;</td>
        <td>&#9821;</td>
        <td>&#9821;</td>
        <td>&#9821;</td>
        <td>&#9821;</td>
        <td>&#9821;</td>
        <td>&#9821;</td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td>&#9817;</td>
        <td>&#9817;</td>
        <td>&#9817;</td>
        <td>&#9817;</td>
        <td>&#9817;</td>
        <td>&#9817;</td>
        <td>&#9817;</td>
        <td>&#9817;</td>
      </tr>
      <tr>
        <td>&#9814;</td>
        <td>&#9816;</td>
        <td>&#9815;</td>
        <td>&#9813;</td>
        <td>&#9812;</td>
        <td>&#9815;</td>
        <td>&#9816;</td>
        <td>&#9814;</td>
      </tr>
    </table>
  </body>

</html>

CSS

body {
  background: #3f50b5;
}

table {
  margin: 0 auto;
  border-collapse: collapse;
  background: black;
}

td {
  height: 80px;
  width: 80px;
  background-color: gray;
  font-size: 48px;
  text-align: center;
}

tr:nth-child(odd) td:nth-child(even),
tr:nth-child(even) td:nth-child(odd) {
  background: white;
}