画像がいらない！CSS3でつくるスマートフォンサイトの背景パターン：ひし形

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

/*ここでCSS3のグラデーションをつかってひし形のパターン・色を指定する
（※色を変える場合は#fffffffの部分を変更）*/
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #ffffff), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #ffffff), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #ffffff)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #ffffff));

/*ここでパターンの大きさを指定する
（※ひし形の縦と横の大きさです）*/
-webkit-background-size: 6px 6px;
}