画像がいらない!CSS3でつくるスマートフォンサイトの背景パターン:チェック

スタイルに以下の記述を使ってください{
/*ここで背景のベースカラーを指定する*/
background-color: #dddddd;

/*ここでCSS3のグラデーションをつかってチェックのパターン・色を指定する
(※色を変える場合は#fffffffの部分を変更)*/

background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff)),
-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff));

/*ここでパターンの大きさを指定する
(※チェックの縦・横の太さ)*/

-webkit-background-size: 5px 5px;
}