背景作成19■ブロック並べの背景L色格子     UP日時 : 2017/08/31

●動くJavaScript

●2017/08/31:即時関数で囲んで、グローバル変数を消しました。
JavaScriptとCSSを利用して、背景を作成します。
見本は白い枠線に囲まれた色とりどりのブロックで、色や幅を自由に変更できます。
ソースの中の指定が違うだけで、■背景作成8ブロック並べの背景A格子 と同じ JavaScript です。

■背景作成10ブロック並べの背景C色四角 の指定を少し変更しました。
今回の指定では、ブロックを囲むための縦線も横線も数値は「1」です。
実は縦線や横線の正体は、ブロックの隙間から見えるbodyの背景色です。
body の背景色を白(#fff)にして、枠線を白くしています。

このJavaScriptは、■面白6マウスでブロック落とし を改造して作成しました。