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