CSS3では、グラデーションの背景を応用することで、 様々なパターンを作ることができます。 こちらのサイト(http://lea.verou.me/css3patterns/)で、CSS3で作られた様々なパターンとコードを確認することができます。 今回は、こちらのブログ(http://honttoni.blog74.fc2.com/blog-entry-77.html)を参考に、 自分でもCSS3でパターンを組んでみることにしました。 DEMO 水玉 CSS background: -moz-radial-gradient(circle farthest-side, #c0e4ee, #c0e4ee 50%, #ebf6f9 50%, #ebf6f9); background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 9, from(#c