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

ボタン効果一覧

<input style="width:150px;height:32px;font-size:25;background-color:#7a7a45;font-family:江戸勘亭流;color:brown;border-style:solid;border-color:brown;border-width:2;"type="button" value="ボタンの文字" onClick="ボタン効果">




<input style="width:100px;height:20px;font-size:14;background-color:#7a7a45;font-family:江戸勘亭流;color:brown;border-style:solid;border-color:brown;border-width:2;"type="button" value="ボタンの文字" onClick="ボタン効果">









<input style="width:150px;height:32px;font-size:25;background-color:maroon;font-family:魚石行書;color:#006a00;border-style:solid;border-color:#006a00;border-width:2;"type="button" value="ボタンの文字" onClick="ボタン効果">




<input style="width:150px;height:32px;font-size:25;background-color:maroon;font-family:魚石行書;color:#006a00;border-style:solid;border-color:#006a00;border-width:2;"type="button" value="ボタンの文字" onClick="ボタン効果">









<input style="width:150px;height:32px;font-size:25;background-color:#457a53;font-family:祥南行書体;color:#959500;border-style:solid;border-color:#457a53;border-width:2;"type="button" value="ボタンの文字" onClick="ボタン効果">




<input style="width:100px;height:20px;font-size:14;background-color:#457a53;font-family:祥南行書体;color:#959500;border-style:solid;border-color:#457a53;border-width:2;"type="button" value="ボタンの文字" onClick="ボタン効果">









<input style="width:150px;height:32px;font-size:25;background-color:#6a006a;font-family:江戸勘亭流;color:#457a53;border-style:solid;border-color:#457a53;border-width:2;"type="button" value="ボタンの文字" onClick="ボタン効果">




<input style="width:100px;height:20px;font-size:14;background-color:#6a006a;font-family:江戸勘亭流;color:#457a53;border-style:solid;border-color:#457a53;border-width:2;"type="button" value="ボタンの文字" onClick="ボタン効果">









<input style="width:150px;height:32px;font-size:25;background-color:#006a00;font-family:有澤行書;color:#959500;border-style:solid;border-color:#457a53;border-width:2;"type="button" value="ボタンの文字" onClick="ボタン効果">




<input style="width:100px;height:20px;font-size:14;background-color:#006a00;font-family:有澤行書;color:#959500;border-style:solid;border-color:#457a53;border-width:2;"type="button" value="ボタンの文字" onClick="ボタン効果">









<input style="width:150px;height:32px;font-size:25;background-color:#bfbfbf;font-family:有澤楷書;color:#4a4a4a;border-style:ridge;border-color:#4a4a4a;border-width:2;"type="button" value="ボタンの文字" onClick="ボタン効果">




<input style="width:100px;height:20px;font-size:14;background-color:#bfbfbf;font-family:有澤楷書;color:#4a4a4a;border-style:ridge;border-color:#4a4a4a;border-width:2;"type="button" value="ボタンの文字" onClick="ボタン効果">







表札型ボタン

<button style="width:50px;height:125px;background:brown;border-color:maroon;border-style:ridge;color:black;" onclick="ボタン効果"><span style="width:10;height:120;"style="writing-mode:tb-rl;font-size:20;font-family:江戸勘亭流;">ボタンの文字</button>


表札型ボタン

<button style="width:25px;height:75px;background:brown;border-color:maroon;border-style:ridge;color:black;"><span style="width:10;height:70;"style="writing-mode:tb-rl;font-size:10;font-family:江戸勘亭流;">表札型ボタン</button>