イラスト素材・ホームページ素材・ブログ素材・メール素材・アイコン・アニメGIF・動くイラスト・WEB壁紙

縦長の風景壁紙など背景が繰り返し画面になったら困るときは、背景固定タグを使うと便利です。
背景を横だけ繰り返すようにしたり、縦だけ繰り返すようにすれば、イラストも背景に使えます。
背景を固定したい場合は、次の背景固定タグを<HEAD>と</HEAD>の間にコピーして貼り付けてご利用ください。

背景を固定する
<style type="text/css">
body { background-attachment:fixed;}
</style>

背景を横方向だけ繰り返す
<style type="text/css">
body { background-repeat:repeat-x;}
</style>

背景を縦方向だけ繰り返す
<style type="text/css">
body { background-repeat:repeat-y;}
</style>

背景を固定して横方向だけ繰り返す
<style type="text/css">
body { background-attachment:fixed;
background-repeat:repeat-x;}
</style>

背景を固定して縦方向だけ繰り返す
<style type="text/css">
body { background-attachment:fixed;
background-repeat:repeat-y;}
</style>

背景を左上に固定して繰り返さない
<style type="text/css">
body { background-attachment:fixed;
background-repeat : no-repeat;
background-position : 0% 0%;}
</style>

背景を右上に固定して繰り返さない
<style type="text/css">
body { background-attachment:fixed;
background-repeat : no-repeat;
background-position : 100% 0%;}
</style>

背景を左下に固定して繰り返さない
<style type="text/css">
body { background-attachment:fixed;
background-repeat : no-repeat;
background-position : 0% 100%;}
</style>

背景を右下に固定して繰り返さない
<style type="text/css">
body { background-attachment:fixed;
background-repeat : no-repeat;
background-position : 100% 100%;}
</style>


Copyright(C) 2001〜PurpleEyes All Rights Reserved.
無料素材のPurpleEyesグループサイト
動くひな形と素材・PurpleEyes  ハガキ印刷素材・初春年賀状工房  ArtKayo水彩画絵はがき素材  メルヘン素材・AliceFactoory