>> 壁紙の設定

◆スタイルシートでは、位置や固定など細かい設定ができます

サンプル←別ウィンドウで表示されます
サンプルで使用した画像・・・
[サンプルページのソース]


[背景に画像を使う]
<BODY>タグだけではく、<P>や<DIV>などにも使えます
background-image : url();
・・・画像URL(画像までのパス+画像ファイル名)

[背景画像を固定する]
background-attachment : fixed;

[背景画像の繰り返し]
通常は、画面いっぱいに敷き詰められる背景画像ですが、繰り返し方法を指定する
ことによって、繰り返しの方向などを決められます
background-repeat : ;
・・・
repeat-x(横方向)
repeat-y(縦方向)
no-repeat(繰り返しなし)

[背景画像の位置]
縦、横どちらかの位置指定の場合
background-position : ;
横と縦の位置指定の場合(値と値の間にスペースが入ります)
background-position : ;
縦方向・・・top(上部)center(中央)bottom(下部)
横方向・・・left(左端)center(中央)right(右端)

※上記のような値で設定する方法の他に、ピクセルやパーセントで指定する方法もあります


<< site top