背景

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;
}

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

広告

関連コンテンツ

コメントは受け付けていません。

サブコンテンツ

このページの先頭へ