htmlやスタイルシートなど、けして詳しいわけではありませんので、
このページの更新予定は ？ ですので、あしからず。ｍ(_ _)ｍ




＊イラストなどを固定背景に使いたい時の方法です＊

↓を　<head>〜</head>　の中に入れて下さい

　　　　　　　　
右上に固定右下に固定
<style type="text/css">
<!--
body {
background-image : url("壁紙のURL");
background-attachment: fixed;
background-position:100% 0%;
background-repeat: no-repeat;
background-color:#ffffff;
}
-->
</style> 		<style type="text/css">
<!--
body {
background-image : url("壁紙のURL");
background-attachment: fixed;
background-position:100% 100%;
background-repeat: no-repeat;
background-color:#ffffff;
}
-->
</style>
左上に固定左下に固定
<style type="text/css">
<!--
body {
background-image : url("壁紙のURL");
background-attachment: fixed;
background-position:0% 0%;
background-repeat: no-repeat;
background-color:#ffffff;
}
-->
</style> 		<style type="text/css">
<!--
body {
background-image : url("壁紙のURL");
background-attachment: fixed;
background-position:0% 100%;
background-repeat: no-repeat;
background-color:#ffffff;
}
-->
</style>
中央上に固定中央下に固定
<style type="text/css">
<!--
body {
background-image : url("壁紙のURL");
background-attachment: fixed;
background-position:50% 0%;
background-repeat: no-repeat;
background-color:#ffffff;
}
-->
</style> 		<style type="text/css">
<!--
body {
background-image : url("壁紙のURL");
background-attachment: fixed;
background-position:50% 100%;
background-repeat: no-repeat;
background-color:#ffffff;
}
-->
</style>
中央に固定
<style type="text/css">
<!--
body {
background-image : url("壁紙のURL");
background-attachment: fixed;
background-position:50%;
background-repeat: no-repeat;
background-color:#ffffff;
}
-->
</style>

位置を％で指示する以外に

右上　right　top
右下　right　bottom
左上　left　top
左下　left　bottom
中上　top
中下　bottom
中央　center

としてもいいです。






＊左端、右端、上部、下部で繰り返したい時の方法です＊

↓を　<head>〜</head>　の中に入れて下さい

左端で縦に繰り返し右端で縦に繰り返し
<style type="text/css">
<!--
body {
background-image : url("壁紙のURL");
background-repeat: repeat-y;
background-position:left
background-color:#ffffff;
}
-->
</style> 		<style type="text/css">
<!--
body {
background-image : url("壁紙のURL");
background-repeat: repeat-y;
background-position:right
background-color:#ffffff;
}
-->
</style>


上部で横に繰り返し下部で横に繰り返し
<style type="text/css">
<!--
body {
background-image : url("壁紙のURL");
background-repeat: repeat-x;
background-position:top;
background-color:#ffffff;
}
-->
</style> 		<style type="text/css">
<!--
body {
background-image : url("壁紙のURL");
background-repeat: repeat-x;
background-position: bottom;
background-color:#ffffff;
}
-->
</style>







＊リンクボタンに使う方法と　ただポイントとして使う場合＊

使いたいところにコピペしてください

リンクさせる場合リンクさせない場合
<a href="リンク先のurl">
<img src='初めの画像のurl'
onmouseover=this.src='次の画像のurl'
onmouseout=this.src='初めの画像のurl'
border="0">
</a> 		<img src='初めの画像のurl'
onmouseover=this.src='次の画像のurl'
onmouseout=this.src='初めの画像のurl'
border="0">


copyright (c) 2006- hiro All rights reserved

・back・