縦に長い画像を背景として横にリピート表示する

ストライプなどの柄の画像で、縦幅は長くとっておきましょう。大体３０００ｐｘほどです。縦長の画像を横にリピート表示し、つなぎ目の無い背景画像を作りましょう。

画像のアップロード方法については、過去エントリーの

背景画像を指定する

をご参考ください。

今回追加するＣＳＳ

body{
background-image:url(画像ＵＲＬ);
background-repeat:repeat-x;/* 背景画像を横にリピートさせる */
background-position:0% 0%;
}

注意点
・「/*」と「*/」の間のスペースは半角スペースです
・改行する直前がセミコロン（；）、文の途中はコロン（：）です
・{}の閉じ忘れにご注意を

��余談＞
今回のＣＳＳのrepeat-xの部分が横にリピートという意味です。ｘ軸のｘなので横なのです。じゃあrepeat-yならば？

そうです。縦方向にリピートします。

また、background-position:0% 0%;は背景画像の位置の指定です。％じゃなくてｐｘでも大丈夫です。
水平位置と垂直位置の順で半角スペースで区切って値を2つ指定します
1つしか指定しなかった場合、水平位置の指定となり、垂直位置は５０％と設定されます。