背景画像固定



CSS 〜スタイルシート〜

PR
自宅で簡単在宅ワーク

自宅で好きな時間にいつでも
できる簡単在宅ワーク。
インターネットで自動収入!

PR
月3万円余裕のある生活の提案

サイドビジネスで毎月のように
お金が入るようになったらありがたい。
そんなライフスタイルの提案です。
PR
成功するアフィリエイト失敗者

努力しているのにうまくいかない。
手間と時間ばかりかかる・・・
やり方を変えてみたら。あれ...

壁紙固定


 背景画像を固定させる

ヘッダ、またはCCSファイルに記述してください。

<style type="text/css">
<!--
body{background-image: url(背景のアドレス); background-attachment: fixed;}
-->
</style>



背景にする壁紙画像を固定して表示します。







サイト上部へ↑  トップページへ



 背景画像を右一列で固定する

ヘッダ、またはCCSファイルに記述してください。

<style type="text/css">
<!--

body{background-image: url(背景のアドレス); background-attachment: fixed;background-repeat: repeat-y; background-position: right;}
-->
</style>



背景にする壁紙画像を右一列で繰り返し表示させ固定して表示します。








サイト上部へ↑  トップページへ



 背景画像を左一列で固定する

ヘッダ、またはCCSファイルに記述してください。

<style type="text/css">
<!--
body{background-image: url(背景のアドレス);background-attachment: fixed;background-repeat: repeat-y;background-position: left;}
-->
</style>



背景にする壁紙画像を左一列で繰り返し表示させ固定して表示します。






サイト上部へ↑  トップページへ



 背景画像を上一列で固定する

ヘッダ、またはCCSファイルに記述してください。

<style type="text/css">
<!--
body{background-image: url(背景のアドレス); background-attachment: fixed;
background-repeat: repeat-x;background-position: top;}

-->
</style>



背景にする壁紙画像を上一列で繰り返し表示させ固定して表示します。



サイト上部へ↑  トップページへ



 背景画像を下一列で固定する

ヘッダ、またはCCSファイルに記述してください。

<style type="text/css">
<!--
body{background-image: url(背景のアドレス); background-attachment: fixed;
background-repeat: repeat-x;background-position: bottom;}

-->
</style>



背景にする壁紙画像を上一列で繰り返し表示させ固定して表示します。



サイト上部へ↑  トップページへ



 壁紙を右上固定する

ヘッダ、またはCCSファイルに記述してください。

<style type="text/css">
<!--
body{background-image:url(背景のアドレス);background-attachment:fixed;
background-repeat:no-repeat;background-position:right top;}

-->
</style>



背景にする壁紙画像を右上固定します。



サイト上部へ↑  トップページへ



 壁紙を右下固定する

ヘッダ、またはCCSファイルに記述してください。

<style type="text/css">
<!--
body{background-image: url(背景のアドレス); background-attachment: fixed;
background-repeat: no-repeat; background-position: right bottom;}

-->
</style>



背景にする壁紙画像を右下固定します。



サイト上部へ↑  トップページへ



 壁紙を左上固定する

ヘッダ、またはCCSファイルに記述してください。

<style type="text/css">
<!--
body{background-image:url(背景のアドレス);background-attachment:fixed;
background-repeat:no-repeat;background-position:left top;}

-->
</style>



背景にする壁紙画像を左上固定します。



サイト上部へ↑  トップページへ



 壁紙を左下固定する

ヘッダ、またはCCSファイルに記述してください。

<style type="text/css">
<!--
body{background-image:url(背景のアドレス);background-attachment:fixed;
background-repeat:no-repeat; background-position:left bottom;}

-->
</style>



背景にする壁紙画像を左下固定します。



サイト上部へ↑  トップページへ



 壁紙を中央固定する

ヘッダ、またはCCSファイルに記述してください。

<style type="text/css">
<!--
body{background-image: url(背景のアドレス); background-attachment: fixed;
background-repeat: no-repeat;background-position: center;}

-->
</style>



背景にする壁紙画像を中央固定します。



サイト上部へ↑  トップページへ



 背景画像を位置を指定して固定する

ヘッダ、またはCCSファイルに記述してください。

<style type="text/css">
<!--
body{background-image: url(背景のアドレス);background-attachment: fixed;
background-repeat: no-repeat;background-position: 左からの距離% 上からの距離%;}

-->
</style>



背景にする壁紙画像を位置を指定して固定します。



サイト上部へ↑  トップページへ



 背景色を決める。

ヘッダ、またはCCSファイルに記述してください。

<style type="text/css">
<!--

body{background:色;}
-->
</style>



背景色を決めます。



サイト上部へ↑  トップページへ














サイト上部へ↑  トップページへ


メニュー
CSS スタイルシートについて
CSS スタイルシート外部リンク
CSS 文字を装飾する
CSS 画像に効果を入れる
CSS リンクを装飾する
CSS 背景画像を固定する
CSS 背景に効果を入れる
CSS スクロールバーを装飾
CSS カーソルを変える
CSS ページ全体に枠
CSS その他 スタイルシート
CSS スタイルシートリンク集









おすすめ


1GB無料ホームページ
完全に一行広告の表示が
消えました!お勧めです。
当サイトも使用中
サイト最下部にPowered by FC2.comと表示されるだけ!


PR

私はこれで会社を辞めました
一日たった1〜2時間の作業でOKなインターネットで行えるビジネスとは?


いつまで貧乏くじを引きますか?
あなたは、しっかり検討しましたか?


育児と家事だけの人生なんて嫌!
ビジネスをやっても成功しない、全然楽しくない。 楽しくて・成功するビジネスとは?


アフィリエイトの時代は終わった!
アフィリエイトは手間ばかりかかって月に5,000円も稼げない・・・・


月3万円が余分にある生活
私たちはビジネスの提案ではなく、ライフスタイルを提案しています。


貧乏から金持ちへ
3分だけ時間を下さい。けして無駄な時間にはしませんから。



















Copyright(C) CSSスタイルシート All Rights Reserved


inserted by FC2 system