こちらは、サイトの背景を縦横に並ぶ大きい水玉模様(間隔広め)で装飾した場合のデモページです。
コードを表示している下記の囲み枠は、枠の横幅をコードが超えると、左右にスクロールするようになります。コードが囲み枠から見切れていたら、横スクロールさせてご覧ください。
/// CSS ///
body {
margin: 0;
padding: 0;
background: radial-gradient(
#e7c7fe 8px, transparent 9px)
center / 36px 36px,
#fffeff;
background-repeat: space;
}
p {
margin: 1em;
padding: 1em;
background: #a69ea6;
color: #333333;
}