今回は８９回目です。
ボタンの背景に好きな画像を貼ります。
ボタンの背景に好きな画像を貼ります。
ボタンに背景画像をつける
| 今回の効果は、ボタンに自分の好きな背景画像をつけるというものです。 ２００２年２月の実験「ボタンに画像をつける」では、ボタンに画像を貼りましたが、今回は背景として画像を貼っています。 ほんのちょっとしたことですが、ボタンがカラフルになって自分らしさを出せるのではないでしょうか。 今月も少しだけこの実験にお付き合い下さい。 |
 |
ポイント | value= で、ボタンの上に表示させる文字を指定します。 onClick= で、ボタンをクリックした時の文字を指定します。 style="background-image: url('hiroko-00.gif') で、背景として入れたい画像を指定します。hiroko-00.gif を背景にしたい画像のファイル名に書き替えて下さい。 font-size:12pt で、ボタンの上に表示させる文字の大きさを指定します。 color:#744207 で、ボタンの上に表示させる文字の色を指定します。#744207 を好きな色に書き替えて下さい。 border:1px で、ボタンの外側の線の太さを指定します。数字が大きくなると線が太くなります。 solid #a7750a で、ボタンの外側の線の色を指定します。#a7750a を好きな色に書き替えて下さい。 |
|---|---|---|
 |
効果 | ボタンの背景に、指定した画像が表示されます。 |
 |
使い方 | 実際の実験画面のソースをご覧下さい。 |
今回の実験でわかったこと
| この効果はＩＥの６.０と、ネットスケープの７.０で確認しています。 Ｍａｃは確認していません。 今回はネットスケープでもできました。 ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)
|
