背景

Dreamweaverで背景といえば、背景色か背景画像を指す事が多いでしょう。

・HTMLで指定

<body bgcolor=”#00ff00″>コンテンツ</body>

・CSSで指定

body
{
background-color: #00ff00;
}

CSSならさまざまなタグ・クラスなどに背景色の設定をする事ができます。

・HTMLで指定

<body background=”gazou1.jpg”>コンテンツ</body>

・CSSで指定

body
{
background-image: url(“gazou1.jpg”);
}

こちらもCSSならbody以外にもいろいろなタグ・クラスなどに背景画像を設定できます。

背景画像を繰り返すにはCSSでbackground-repeatプロパティを指定します。
選べる値
repeat 水平・垂直の両方向に繰り返し
repeat-x 水平方向に繰り返し表示
repeat-y 垂直方向に繰り返し表示
no-repeat 繰り返さず、1つだけ表示します
例

body
{
background-image: url(“gazou1.jpg”);
background-repeat: repeat;
}

グラデーションの画像を用意して繰り返す設定をすれば、背景のグラデーションをページに表示する事ができます。

関連記事