§01-09…背景画像の繰り返し – オンライン無料パソコン教室

§01-09…背景画像の繰り返し

(01) 小さめの画像を背景に用いると、縦横にその画像が繰り返されます。縦だけ、あるいは横だけで繰り返したい場合は「background-repeat」プロパティを用います。縦だけで繰り返すには値を「repeat-y」にします。以下のようにCSSのbodyセレクタ内を更新してください。更新後はブラウジングします。

body{
background-color:#FFFFCC;
background-image:url(grd02.gif);
background-repeat:repeat-y;
}

(02) 「background-repeat」プロパティには以下の値が利用できます。

意味
repeat 縦横ともに繰り返す
repeat-x 横だけで繰り返す
repeat-y 縦だけで繰り返す
no-repeat 繰り返さないでひとつのみ表示

広告ブロックブラウザーではコンテンツが表示できません