ボタンの背景に画像を使う
表示の例
ボタンの背景にお好きな画像を選べます。
このボタンのソースは下のようになります。
表示させたい場所のHTMLソースに貼り付けましょう。
(必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください)
ソース
<FORM><INPUT type="button" value="CLICK HERE!" onClick="alert('ボタンの背景に画像を使えます!')" style="background-image: url('images/back3.gif'); font-size: 10pt; color: #3333FF; border: 1px solid #3333FF"></FORM>
下の表を見てあなたのお好みにかえてみましょう。
ボタンの外枠の太さ border: 1px solid #3333FF の 1
ボタンの外枠の色 border: 1px solid #3333FF の #3333FF
ボタンの背景の画像 background-image: url('images/back3.gif') の images/back3.gif
ボタンの文字の大きさ font-size:10pt; の 10
ボタンの文字の色 color:#3333FF の #3333FF
ホームページお役立ち小技集のTOPへ