背景の画像を一部に表示
表示の例
上のボタンを押すと、それぞれのサンプルページへリンクします。
それぞれのソースは下のようになります。
HTMLソースのHEAD区間に貼り付けましょう。
(必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください)
background-image:url("images/back2.gif") の images/back2.gif を使いたい画像のファイル名にかえてください。
背景画像を左端に表示
ソース
<STYLE type="text/css">
<!--
body {background-image:url('images/back2.gif'); background-repeat:repeat-y; background-attachment:fixed}
-->
</STYLE>
背景画像を上端に表示
ソース
<STYLE type="text/css">
<!--
body {background-image:url("images/back2.gif"); background-repeat:repeat-x; background-attachment:fixed}
-->
</STYLE>
背景画像を右端に表示
ソース
<STYLE type="text/css">
<!--
body {background-image:url('images/back2.gif'); background-repeat:repeat-y; background-position: right; background-attachment:fixed}
-->
</STYLE>
背景画像を下端に表示
ソース
<STYLE type="text/css">
<!--
body {background-image:url('images/back2.gif'); background-repeat:repeat-x; background-position: bottom; background-attachment:fixed}
-->
</STYLE>
ホームページお役立ち小技集のTOPへ