画像を守るテクニック
スタイルの設定で、画像をボタンの背景に表示する。

下の画像をボタンの背景にしたもの。
額縁が立体的に見える効果も生まれますね。
<IMG src="t002.jpg" width="310" height="246" border="0">
スタイルを使います。そろそろ、難しくなってきましたか?
ポイントとなるのは、次の「A」「B」の二つのスクリプトの記述です。
「A」で、ボタンのバックグラウンドのスタイルを設定しています。
背景となる画像の存在するURL・横幅・高さ
<STYLE TYPE="text/css">
.submitbutton {BACKGROUND: url(t002.jpg) no-repeat; WIDTH:310px; HEIGHT:246px}
</STYLE>
「B」では、ボタンを単に表示しているだけです。
機能的には、クリックできない様に設定しています。
<INPUT class="submitbutton" type="button" disabled>
では、上のボタンの表示に戻って、右クリックして画像をコピーしてみてください。
次のテクニック