背景画像の表示方法・表示位置を指定する


SELECTで作るホームページでは背景画像の表示方法・表示位置をいろんなパターンで指定できます。

パタン画像を敷き詰めて背景紋様を作る

パタン画像をフルスクリーンで背景に指定するとこのようになります。

1.パタン画像を引き延ばしてしまっている

背景画像の配置を「繰り返し」に指定してみます。
2.背景のパタン画像を繰り返しで敷き詰める
すると、背景が綺麗な紋様になりました。

3.綺麗な紋様で敷き詰められる

 

小さな画像を背景画像に設定

今度は小さな画像を背景画像としてホームページに設定したい場合です。
そのまま「原寸表示」で小さな画像を背景に指定してみます。
4.小さな画像を「原寸」で指定すると,,
すると画像が小さすぎて、ページ内容の後ろに隠れてしまい見えなくなってしまいました。
5.小さな画像を原寸表示指定しているためページ内容に隠れてしまった

こんな時は例えば「繰り返し」に表示指定してみます。
すると背景に画像が敷き詰められました。

6.小さい画像を繰り返し表示指定すると

フルスクリーン」に設定してみます。
するとホームページが表示されているブラウザサイズまで画像が引き伸ばし表示されます。
7.小さい画像はフルスクリーン指定すると引き延ばして背景に設定される

 

画像の種類やサイズに応じ、表示位置・方法を適宜設定しましょう。
背景画像の表示方法でこんなにもホームページの表示イメージは変わります。

 

SELECT!: 無料でWEBサイト/予約フォーム作成/アンケート作成/診断テスト,心理テスト作成