Digital Life ~デジタルライフ~(Field)

PREV | PAGE-SELECT | NEXT

≫ EDIT

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

| スポンサー広告 | --:-- | comments(-) | trackbacks(-) | TOP↑

≫ EDIT

背景画像を固定させる

 背景画像を固定させる

ヘッダ、または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>



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



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

| CSSスタイルシート | 18:06 | comments(-) | trackbacks(-) | TOP↑

PREV | PAGE-SELECT | NEXT

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。