cssで網掛け背景/格子背景を作成する方法

cssで網掛け背景/格子背景を作成する方法です。

【CSS】repeating-linear-gradient 背景に格子・ストライプを表現する