透過ボタン３別カラー/HTMLタグ素材集

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

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

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

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

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

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

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

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

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

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

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