背景に画像を入れる - Sample3（repeat-y）

<body> に背景画像をY軸方向にリピートして貼っています。

「repeat-y」と指定する事によって、画像が縦方向（Y軸方向）にリピートされます。

[ このページのHTML]
Sample1とまったく同じです

[↓ このページのCSSの抜粋 ↓]
body {
	width:100%;
	margin:0;
	padding:0;
	color:#666;
	font-family:Century Gothic,'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	line-height:1.6em;
	background:url(../img/bg3.gif) repeat-y right #fee;
	}

★このページのCSSを全部見る

背景の画像はこれ「bg3.gif」（サイズは 1100 × 20px）
このページの背景画像

リピートの開始の位置を「right（値が1つなので、2つ目は自動的に center）」にしているので、左側は画像が貼られていない状態ですから、背景色はピンク（#fee）を指定しています。