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

ボタン効果一覧

装飾文字ボタン

<button style="width:175px;height:60px;background:pink;border-color:violet;border-style:solid; type="button" onclick="ボタン効果"><span style="width:150;line-height:2;"style="font-size:20;color:pink;font-family:富士ポップ;filter:glow(color=#ffffff);">ボタンの文字</span></button>







装飾文字ボタン

<button style="width:175px;height:60px;background:#7f7f7f;border-color:#009500;border-style:solid; type="button" onclick="ボタン効果"><span style="width:170;line-height:2;font-size:18pt;font-family:有澤楷書;color:#009500;filter:glow(color=olive);"> ボタンの文字</span></button>







装飾文字ボタン

<button style="width:175px;height:60px;background:#004a95;border-color:#004a95;border-style:solid; type="button" onclick="ボタン効果"><span style="font-size:23;width:170;font-family:ふみゴシック;color:#00ffff;filter:Alpha(opacity=30,);">ボタンの文字</span></button>







装飾文字ボタン

<button style="width:175px;height:60px;background:#ffffff;border-color:#ff80c0;border-style:solid; type="button" onclick="ボタン効果"><span style="width:170;line-height:2;font-size:23;font-family:HGP創英角ﾎﾟｯﾌﾟ体 ;color:#ff80c0;filter:dropshadow(color=#ffd5d5,offX=5,offY=5);"> ボタンの文字</span></button>







装飾文字ボタン

<button style="width:175px;height:60px;background:#006a00;border-color:#959500;border-style:solid; type="button" onclick="ボタン効果"><span style="width:161;line-height:2;"style="font-size:21;color:#959500;font-family:ＭＳ 明朝;filter:shadow(color=gold,direction=70);">ボタンの文字</span></button>







装飾文字ボタン

<button style="width:175px;height:60px;background:#ffff00;border-color:orange;border-style:solid; type="button" onclick="ボタン効果"><span style="width:161;line-height:2;"style="font-size:22;color:orange;font-family:ふみゴシック;filter:Blur(add=1, direction=15,strength=5)">ボタンの文字</span></button>

ホームページに広告張るなら	A8.net
有料ホームページ始めるなら	ロリポップ！
無料ＣＧＩ色々	ACR WEB