もっと大きい水玉模様の背景デザイン（デモ１）

こちらは、サイトの背景を縦横に並ぶもっと大きい水玉模様（ダイヤ柄風）で装飾した場合のデモページです。

コードを表示している下記の囲み枠は、枠の横幅をコードが超えると、左右にスクロールするようになります。コードが囲み枠から見切れていたら、横スクロールさせてご覧ください。

/// CSS /// 
 
body {
    margin: 0;
    padding: 0;
    background: radial-gradient(
        #fffeff 16px, transparent 17px)
        center / 32px 32px,
        #e7c7fe;
}

p {
    margin: 1em;
    padding: 1em;
    background: #ad95bf;
    color: #2e2833;
}