背景画像の並び方を指定する

background-repeat: 並び方

[並び方]
repeat 縦横にタイル状に繰り返して表示（初期値）
repeat-x 横方向にのみ繰り返して表示
repeat-y 縦方向にのみ繰り返して表示
no-repeat 繰り返さずにひとつだけ表示

background-repeat プロパティは、
背景画像が指定された場合の、画像の並び方を設定します。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>CSS覚書</title>
<style type="text/css">
<!--
body {
color: #ff6600;
background-color: #ffffff;
background-image: url(http://www5b.biglobe.ne.jp/~donbey/BCG_070.GIF);
background-repeat: no-repeat
}
h1,h2 { text-align: center }.
-->
</style>
</herd>
<body>
<h1>背景画像の並び方を指定する</h1>
<h2>no-repeat</h2>
</body>
</html>

repeat　　　 サンプルページ

no-repeat　サンプルページ

repeat-x　　サンプルページ

repeat-y　　サンプルページ