Background
css type * lace 1
大きい画像は縮小及び一部表示にしています。画像をクリックすると背景が変わります。
縦・横リピート素材は見易いように固定表示しています。
Background-image *Reset*
IE,Edgeは固定表示した背景がスクロールでガタつくため、CSSページのみスムーズスクロールを無効にしています。(windows7以下はIEのどのバージョンでもガタつきます。詳しくはDesignTipsの『IE,Edgeのガタつき』をご覧下さい。）
size 102px×187px
size 120px×170px
size 187px×102px
size 170px×120px
Background-image *Reset*
background-repeat: repeat-x; /* x軸方向（横方向）に繰り返し表示します */
background-repeat: repeat-y; /* y軸方向（縦方向）に繰り返し表示します */
/* 横方向に繰り返し */
body{
background-color: 背景色名;
background-image: url(画像ファイル名);
background-repeat: repeat-x;
}
/* 縦方向に繰り返し */
body{
background-color: 背景色名;
background-image: url(画像ファイル名);
background-repeat: repeat-y;
}
Background › css type * lace 1