| 画像を守るテクニック | |
| スタイルの設定で、画像をボタンの背景に表示する。 | |
| ▲ 下の画像をボタンの背景にしたもの。 額縁が立体的に見える効果も生まれますね。 |
|
![]() |
|
| <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> | |
| では、上のボタンの表示に戻って、右クリックして画像をコピーしてみてください。 | |
| 次のテクニック | |