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

※フレームリンクの場合は<a href="URL" target="フレーム名" style=〜の
ように太字部分target="フレーム名"を追加して下さい

マウスをのせると色が変わるテーブルボタン１

テーブルボタン１

<table border="1" cellspacing="0" cellpadding="2" width="140" height="20"> <tr><td bordercolor="#45607a" bgcolor="#ccccff" align=center onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#ccccff'"> <a href="ページＵＲＬ" style="color:#004a95;text-decoration:none;font-size:15px;font-family:富士ポップ;width:100%;"> ボタンの文字</a> </td></tr></table>







マウスをのせると色が変わるテーブルボタン２

テーブルボタン２

<table border="1" cellspacing="0" cellpadding="2" width="140" height="20"> <tr><td bordercolor="#45607a" bgcolor="#ffffff" align=center onmouseover="this.style.background='#ffff00'" onmouseout="this.style.background='#ffffff'"> <a href="ぺーじＵＲＬ" style="color:#ff0080;text-decoration:none;font-size:15px;font-family:富士ポップ;width:100%;"> ボタンの文字</a> </td></tr></table>







マウスをのせると色が変わるテーブルボタン３

テーブルボタン３

<table border="1" cellspacing="0" cellpadding="2" width="140" height="20"> <tr><td bordercolor="gold" bgcolor="#457a6d" align=center onmouseover="this.style.background='#bfbfbf'" onmouseout="this.style.background='#457a6d'"> <a href="ページＵＲＬ" style="color:gold;text-decoration:none;font-size:15px;font-family:魚石行書;width:100%;"> ボタンの文字</a> </td></tr></table>







マウスをのせると色が変わるテーブルボタン４
(英数字専用)

tablebutton4

<table border="1" cellspacing="0" cellpadding="2" width="140" height="20"> <tr><td bordercolor="#bfbfbf" bgcolor="#bfbfbf" align=center onmouseover="this.style.background='#80bfff'" onmouseout="this.style.background='#bfbfbf'"> <a href="ページＵＲＬ" style="color:#ff0000;text-decoration:none;font-size:15px;font-family:OCRB;width:100%;"> 英数字</a> </td></tr></table>







マウスをのせると色が変わるテーブルボタン５

テーブルボタン５

<table border="1" cellspacing="0" cellpadding="2" width="140" height="20"> <tr><td bordercolor="#4a4a4a" bgcolor="#009500" align=center onmouseover="this.style.background='#80ff80'" onmouseout="this.style.background='#009500'"> <a href="ページＵＲＬ" style="color:#ffffff;text-decoration:none;font-size:15px;font-family:HGP創英角ﾎﾟｯﾌﾟ体;width:100%;"> ボタンの文字</a> </td></tr></table>







マウスをのせると色が変わるテーブルボタン６(和風)

テーブルボタン６

<table border="2" bordercolor="maroon" cellspacing="0" cellpadding="2" width="25" height="140"> <tr><td bgcolor="#7a6045" align=center onmouseover="this.style.background='#7f7f7f'" onmouseout="this.style.background='#7a6045'"> <a href="ページＵＲＬ" style="color:gold;text-decoration:none;font-size:15px;width:100%;cursor:pointer"> <div style="writing-mode:tb-rl;height:140;font-family:江戸勘亭流;color:#000000;"> ボタンの文字</div></a> </td></tr></table>







マウスをのせると色が変わるテーブルボタン７(キュート風)

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

<div style="border:thick dotted #ff80c0;width:30;"> <table border="0" cellspacing="0" cellpadding="2" width="80" height="100"> <tr><td bgcolor="#ffffff" align=center onmouseover="this.style.background='#ffffbf'" onmouseout="this.style.background='ffffff'"> <a href="ページＵＲＬ" style="color:#ff80c0;font-family:富士ポップ;text-decoration:none;font-size:15px;width:100%;"> ボタンの文字</a> </td></tr></table></div>







マウスをのせると色が変わるテーブルボタン８(クール風)

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

<div style="border:thick dashed #80bfff;width:30;"> <table border="0" cellspacing="0" cellpadding="2" width="80" height="30"> <tr><td bgcolor="#ffffff" align=center onmouseover="this.style.background='#bfffbf'" onmouseout="this.style.background='ffffff'"> <a href="ページＵＲＬ" style="color:#80bfff;font-family:ふみゴシック;text-decoration:none;font-size:15px;width:100%;"> ボタンの文字</a> </td></tr></table></div>







マウスをのせると色が変わるテーブルボタン９(洋風)

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

<div style="border:thick double #80ff80;width:30;"> <table border="0" cellspacing="0" cellpadding="2" width="80" height="30"> <tr><td bgcolor="#ffffff" align=center onmouseover="this.style.background='#ffff80'" onmouseout="this.style.background='ffffff'"> <a href="ページＵＲＬ" style="color:#80ff80;font-family:Franklin Gothic Medium;text-decoration:none;font-size:15px;width:100%;"> ボタンの文字</a> </td></tr></table></div>







色の変わらないシンプルミニボタン

テーブルボタン10

<table border="3" bordercolor="#80bfff" cellspacing="0" cellpadding="2" width="100" height="10"> <tr><td bgcolor="#0080ff" align="center"> <a href="ページＵＲＬ" style="color:#ffffff;font-family:富士ポップ;text-decoration:none;font-size:10px;width:100%;"> ボタンの文字</a> </td></tr></table>

テーブルボタン11

<table border="3" cellspacing="0" cellpadding="2" width="100" height="10"> <tr><td bgcolor="#bfbfbf" align="center"> <a href="ページＵＲＬ" style="color:#000000;font-family:魚石行書;text-decoration:none;font-size:10px;width:100%;"> ボタンの文字</a> </td></tr></table>

テーブルボタン12

<table border="3" bordercolor="#006a00" cellspacing="0" cellpadding="2" width="100" height="10"> <tr><td bgcolor="#009500" align="center"> <a href="ページＵＲＬ" style="color:#ffff00;font-family:ふみゴシック;text-decoration:none;font-size:10px;width:100%;"> ボタンの文字</a> </td></tr></table>

テーブルボタン13

<table border="3" bordercolor="#ff0080" cellspacing="0" cellpadding="2" width="100" height="10"> <tr><td bgcolor="#ff00ff" align="center"> <a href="ページＵＲＬ" style="color:#80ff00;font-family:HGP創英角ﾎﾟｯﾌﾟ体;text-decoration:none;font-size:10px;width:100%;"> ボタンの文字</a> </td></tr></table>

テーブルボタン14

<table border="3" bordercolor="#7a6045" cellspacing="0" cellpadding="2" width="100" height="10"> <tr><td bgcolor="#959500" align="center"> <a href="ページＵＲＬ" style="color:#000000;font-family:麗流隷書;text-decoration:none;font-size:10px;width:100%;"> ボタンの文字</a> </td></tr></table>