水玉模様のCSSジェネレーター
背景色、ドットの色、ドットのサイズや間隔、配置パターン（格子状・千鳥状）を調整し、水玉模様（ドット背景）のCSSコードを生成します。
プレビュー
<div class="dot-pattern-bg"></div>.dot-pattern-bg {
width: 100%;
height: 400px;
{{css_background}}
}機能・使い方
- 背景色、ドット（水玉）の色、サイズ、およびパターン同士の間隔を設定できます。
- 「2色構成にする」をONにすると、千鳥格子配置でドットの色を2色交互に並べることができます。
- 背景色とそれぞれのドット色に独立したプリセットカラーを用意しています。
CSSプロパティの説明
radial-gradient()関数を重ね合わせることで、画像ファイルを使わずに純粋なCSSだけで水玉模様のドットグラフィックを表現しています。
2色構成（千鳥格子モードのみ対応）を有効にすると、1色目のドットを描くグラデーションと、2色目のドットを描くグラデーションを定義します。それぞれのドットの位置を background-position でパターンの半分（間隔の半分）だけずらして配置することで、2色が美しく交互に並ぶカラフルな水玉模様を作成できます。
