ロールオーバー&ページの枠 

【 ロールオーバーとは? 】

下のハート素材をマウスで触れてみてください(^^)



ハートがオレンジから赤に変わったと思います。これをロールオーバーといいます。
下のタグをコピーペーストして使用してください。
gifの前後にある「'」を消してしまうと画像が変化しませんので注意してください。

<IMG src="(最初に表示する画像) ○○.gif"
onmouseover="this.src='(マウスを乗せると変更する画像) ○○.gif'"
onmouseout="this.src='(マウスがはなれた時の画像) ○○.gif'">

↓タグの入れ方の参考はこちら↓
<IMG src="h-14.gif"
onmouseover="this.src='h-16.gif'"
onmouseout="this.src='h-14.gif'">

【 ページの枠 】

当サイトのトップページを見ていただければ分かりますが、
ページの周りが枠になっていますよね。
このようなページにするにはBODYタグにstyle="border:35px solid #ffffcc;"を
入れてください。数字の変更で枠の太さが変わり、#ffffccの部分で枠の色の変更可能。

↓タグの入れ方の参考はこちら↓
<BODY bgcolor="#ffffff" text="#CC9933" style="border:35px solid #ffffcc;"></BODY>