table による碁盤のサンプル。
img タグで枠線の画像を並べる。

下の画像を table の td 内に img タグで並べています。
線以外は透明になっていて table の背景色が表示されます。

(2013/12-2023/02)
動作: Edge101, Firefox95

◎ブラウザの拡大縮小表示で画像が歪む (2013)

・ブラウザによっては画像の間にすき間ができて白い線が入った表示
　になるかも？。
  拡大縮小表示で表示倍率を変えるとすき間が入ることがあります。

・(追記2021/09)
  例: Edge90 では拡大・縮小の倍率によっては隙間ができることがある。

  画像を td 内に img タグで配置するのではなく、td の背景画像に
　すると隙間ができなくなります。