背景パターンをCSSで作る際、こちらのサイト 【CSS3 Patterns Gallery】 http://lea.verou.me/css3patterns/ を参考にして毎回毎回作っていたのですが、基本パターンを一気に作っておいた方がなにかと便利じゃね?と思い、ずらっと基本背景パターンを14パターン用意してみました。 サンプルhtmlはこちらっす。 http://www.ri-que.com/sample/css-pattern/sample.html cssのサンプルはこちらっす。 .sample1 { background-color: #33CCCC; background-image: linear-gradient(transparent 50%, rgba(255,255,255,.2) 50%); background-size: 20px 20px; } .sample