透過ボタン/HTMLタグ素材集

かわいいＢ	和風Ｂ	シンプルＢ	絵文字Ｂ	マジックＢ
装飾文字Ｂ	テーブルＢ	立体テーブルＢ	シンプルテーブルＢ	透過Ｂ

ボタン効果一覧

([finishopacity=30]の数字を小さくするとより透明になり、大きくすると透明度が少なくなります)

<input style="background-color:#ff00ff;color:#ffffff;
font-family:富士ポップ;font-size:25;
border:solid #ff00ff 1px;width:150;height:32;
filter:Alpha(opacity=100,finishopacity=30,style=2);"
type="button" value="ボタンの文字" onclick="ボタン効果">

<input style="background-color:#ff00ff;color:#ffffff;
font-family:富士ポップ;font-size:14;
border:solid #ff00ff 1px;width:100;height:20;
filter:Alpha(opacity=100,finishopacity=30,style=2);"
type="button" value="ボタンの文字" onclick="ボタン効果">

別カラーバージョンはこちら

※丸く見えますが実は四角いボタンです。
(クリックすると分かりますよ♪)

<input style="background-color:#ff00ff;color:#ffffff;
font-family:富士ポップ;font-size:20;
border:solid #ff00ff 1px;width:150;height:32;
filter:Alpha(opacity=100,finishopacity=0,style=2);"
type="button" value="ボタンの文字" onclick="ボタン効果">

<input style="background-color:#ff00ff;color:#ffffff;
font-family:富士ポップ;font-size:10;
border:solid #ff00ff 1px;width:100;height:20;
filter:Alpha(opacity=100,finishopacity=0,style=2);"
type="button" value="ボタンの文字" onclick="ボタン効果">

別カラーバージョンはこちら

<input style="background-color:#ff00ff;color:#ffffff;
font-family:富士ポップ;font-size:25;
border:dashed #ff00ff 2px;width:150;height:32;
filter:Alpha(opacity=100,finishopacity=30,style=2);"
type="button" value="ボタンの文字" onclick="ボタン効果">

<input style="background-color:#ff00ff;color:#ffffff;
font-family:富士ポップ;font-size:14;
border:dashed #ff00ff 2px;width:100;height:20;
filter:Alpha(opacity=100,finishopacity=30,style=2);"
type="button" value="ボタンの文字" onclick="ボタン効果">

別カラーバージョンはこちら

<input style="background-color:#ff00ff;color:#ffffff;
font-family:富士ポップ;font-size:20;
border:double #ff00ff 3px;width:150;height:32;
filter:Alpha(opacity=100,finishopacity=30,style=2);"
type="button" value="ボタンの文字" onclick="ボタン効果">

<input style="background-color:#ff00ff;color:#ffffff;
font-family:富士ポップ;font-size:10;
border:double #ff00ff 3px;width:100;height:20;
filter:Alpha(opacity=100,finishopacity=30,style=2);"
type="button" value="ボタンの文字" onclick="ボタン効果">

別カラーバージョンはこちら