画像がいらない!CSS3でつくるスマートフォンサイトの背景パターン:斜めストライプ
スタイルに以下の記述を使ってください{
/*ここで背景のベースカラーを指定する*/
background-color: #dddddd;
/*ここでCSS3のグラデーションをつかってストライプのパターン・色を指定する
(※色を変える場合は#fffffffの部分を変更)*/
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #ffffff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #ffffff),color-stop(.75, #ffffff), color-stop(.75, transparent),to(transparent));
/*ここでパターンの大きさを指定する
(※数字によってはストライプのグラデーションがずれるので注意)*/
-webkit-background-size: 7px 7px;
}