背景として単一の画像を使用してWebサイトを作成するには、HTMLコードで次のCSSの例を使用することをお勧めします。
上記のコードをWebページに実装するには、上記の行をコピーしてWebページのセクション間に貼り付けます。 WYSIWYG Webページエディタを使用している場合は、上記のコードを入力する前にHTMLコードを挿入できるリンクまたはオプションをクリックする必要があります。 最後に、この例ではComputer Hopeの写真を使用しています。 カスタム写真を使用する場合は、上記の太字のURLを写真の場所に置き換えます。
ヒント:外部のCSSスタイルシートを使用している場合は、上記の例の本文部分をCSSファイルにコピーすることもできます。
ここに上記のコードを挿入
例ヒント:多くのユーザーは、背景として1つの大きな画像を作成したいと思うかもしれません。 あなたがこれをすることを計画しているならば、遅いインターネット接続を持つ人々を考えてください。 大きい画像は読み込みに時間がかかり、小さいモニタサイズまたは解像度を使用している人には適切に見えないことがあります。
注意:代わりに背景画像を繰り返すように設定する場合は、 background-repeatプロパティを次のいずれかに設定します。
- repeat - 背景画像を水平方向と垂直方向の両方に繰り返します。
- repeat-x - 背景画像を水平方向にのみ繰り返す。
- repeat-y - 背景画像を垂直方向にのみ繰り返す。