| 一枚絵を背景として使いたい | |
 |
<BODY style="background-image : url(illust28.jpg)"> と指定しました。 左のように画面一杯に画像が表示されます。 普通に背景画像を指定しています。 これを一枚絵にしてみましょう。 |
 |
<BODY style="background-image : url(illust28.jpg);background-repeat : no-repeat;"> 上のように追加しました。 一枚絵で背景を指定出来た事になります。 |
  |
background-repeat : repeat-x; と指定する事で横方向にリピートします。 background-repeat : repeat-y; と指定する事で縦方向にリピートします。 |
 |
<BODY style="background-image : url(illust28.jpg);background-repeat
: no-repeat;background-position : right bottom;"> ポジションを指定しました。 水平位置、垂直位置を指定しています。 left center right top center bottomで指定します。 これだけでは細かい部分の設定が無理なので 違う指定方法もあります。 |
 |
<BODY style="background-image : url(illust28.jpg);background-repeat
: no-repeat;background-position : 300px 180px;"> ピクセル指定などで細かく設定出来ます。 CSSの単位はここで調べてください。 |
   |
background-attachment : fixed; を追加する事で左のように 縦長になってしまった場合でも固定出来ます。 指定しない場合は左下のように画像もスクロールします。 |
| HOME BACK | |
| パソコン初心者講座ぱそおーる | |