NO.57 背景②

背景画像の表示設定です。

background-repeat
背景画像を並べていく際に、どの方向へ繰り返すかを設定できます。
Value: repeat(普通に繰り返す) | repeat-x(横へ繰り返す) | repeat-y(縦に繰り返す) | no-repeat(繰り返さない)

<style type="text/css">
<!--
body{
background-image:url(temp/iruka.png);
background-repeat:repeat-x;}     /*横側に背景画像を繰り返す例*/
-->
</style>

background-attachment
背景画像をページと一緒にスクロールするか否かの設定です。
Value: scroll(スクロールする) | fixed(しない)

<style type="text/css">
<!--
body{
background-image:url(temp/iruka.png);
background-attachment:fixed;}     /*スクロールしないで固定*/
-->
</style>

上記の内容を応用
◆HEAD内の記述 <style type="text/css">  </style>
◆BODY内の記述 none
◆実行例

ページ全体を参照

前に戻る　次に進む

SEO		[PR] 爆速!無料ブログ無料ホームページ開設無料ライブ放送