右縦一列に背景画像 【background-repeat】

※ブラウザで表示した時の見え方

ページ全体をご覧ください。

※ソースサンプル

【CSS】
body {
background-image: url("./img/flower.gif");
background-repeat: repeat-y;
background-position: right;
background-attachment: fixed
}

[ 黒※説明中のタグ 紫※省略可能なタグ 赤※変更可能 緑※文章など ]

※解説

オプション
repeat指定した画像を敷き詰めるbackground-repeat: repeat
no-repeat画像を繰り返さないで一つ表示するbackground-repeat: no-repeat
repeat-x横方向に敷き詰めるbackground-repeat: repeat-x
repeat-y縦方向に敷き詰めるbackground-repeat: repeat-y
機能