☆ ＨＴＭＬボタン ☆

可愛いＨＴＭＬボタンたちです♪縁取りの太さを変えるだけでもガラリと雰囲気が変るよ！

このタグをお好きな所に貼り付けてね♪縁取りの太さはcellpadding=""で変えることができるよ！

ひとえのＨＴＭＬボタンたち

ボタン

ボタン

<TABLE cellpadding="2" bgcolor="#ffb5b5">
<TBODY>
<TR>
<TD width="80" bgcolor="#ffd9d9" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

<TABLE cellpadding="2" bgcolor="#ffd2d2">
<TBODY>
<TR>
<TD width="80" bgcolor="#ffecec" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

ボタン

ボタン

<TABLE cellpadding="2" bgcolor="#ffe5dd">
<TBODY>
<TR>
<TD width="80" bgcolor="#feefed" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

<TABLE cellpadding="2" bgcolor="#ffede8">
<TBODY>
<TR>
<TD width="80" bgcolor="#fef7f5" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

ボタン

ボタン

<TABLE cellpadding="2" bgcolor="#e19dac">
<TBODY>
<TR>
<TD width="80" bgcolor="#efcbd3" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

<TABLE cellpadding="2" bgcolor="#eec6cf">
<TBODY>
<TR>
<TD width="80" bgcolor="#ffecec" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

ボタン

ボタン

<TABLE cellpadding="2" bgcolor="#dbb7b7">
<TBODY>
<TR>
<TD width="80" bgcolor="#f5ebeb" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

<TABLE cellpadding="2" bgcolor="#efdede">
<TBODY>
<TR>
<TD width="80" bgcolor="#f9f2f2" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

ボタン

ボタン

<TABLE cellpadding="2" bgcolor="#dbad8e">
<TBODY>
<TR>
<TD width="80" bgcolor="#ecdac8" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

<TABLE cellpadding="2" bgcolor="#e7c8b4">
<TBODY>
<TR>
<TD width="80" bgcolor="#f5ece2" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

ボタン

ボタン

<TABLE cellpadding="2" bgcolor="#bdb1d6">
<TBODY>
<TR>
<TD width="80" bgcolor="#eae7ef" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

<TABLE cellpadding="2" bgcolor="#d8d8eb">
<TBODY>
<TR>
<TD width="80" bgcolor="#fafafc" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

ボタン

ボタン

<TABLE cellpadding="2" bgcolor="#cbdda6">
<TBODY>
<TR>
<TD width="80" bgcolor="#eef3e2" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

<TABLE cellpadding="2" bgcolor="#dce8c4">
<TBODY>
<TR>
<TD width="80" bgcolor="#f4f9ee" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

ボタン

ボタン

<TABLE cellpadding="2" bgcolor="#eabb95">
<TBODY>
<TR>
<TD width="80" bgcolor="#f5dfcb" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

<TABLE cellpadding="2" bgcolor="#f1d6be">
<TBODY>
<TR>
<TD width="80" bgcolor="#faeee4" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

ボタン

ボタン

<TABLE cellpadding="2" bgcolor="#ffde5b">
<TBODY>
<TR>
<TD width="80" bgcolor="#fff2ac" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

<TABLE cellpadding="2" bgcolor="#ffeca2">
<TBODY>
<TR>
<TD width="80" bgcolor="#fffadd" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

ボタン

ボタン

<TABLE cellpadding="2" bgcolor="#fceb12">
<TBODY>
<TR>
<TD width="80" bgcolor="#fefac5" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

<TABLE cellpadding="2" bgcolor="#fdf162">
<TBODY>
<TR>
<TD width="80" bgcolor="#fffde6" align="center" height="20" nowrap><FONT color="">ボタン</FONT></TD>
</TR>
</TBODY>
</TABLE>

ふたえのＨＴＭＬボタンたち

ぼたん

ぼたん

<TABLE cellspacing="3" bgcolor="#ffb5b5">
<TBODY>
<TR>
<TD bgcolor="#fffcfb">
<TABLE bgcolor="#ffb5b5" cellspacing="1">
<TBODY>
<TR>
<TD width="95" height="20" bgcolor="#fffcfb" align="center" nowrap><FONT color="">ぼたん</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

<TABLE cellspacing="3" bgcolor="#ffd4d0">
<TBODY>
<TR>
<TD bgcolor="#fffcfb">
<TABLE bgcolor="#ffd4d0" cellspacing="1">
<TBODY>
<TR>
<TD width="95" height="20" bgcolor="#fffcfb" align="center" nowrap><FONT color="">ぼたん</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

ぼたん

ぼたん

<TABLE cellspacing="3" bgcolor="#efcbd3">
<TBODY>
<TR>
<TD bgcolor="#fffcfb">
<TABLE bgcolor="#efcbd3" cellspacing="1">
<TBODY>
<TR>
<TD width="95" height="20" bgcolor="#fffcfb" align="center" nowrap><FONT color="">ぼたん</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

<TABLE cellspacing="3" bgcolor="#f5e2e7">
<TBODY>
<TR>
<TD bgcolor="#fffcfb">
<TABLE bgcolor="#f5e2e7" cellspacing="1">
<TBODY>
<TR>
<TD width="95" height="20" bgcolor="#fffcfb" align="center" nowrap><FONT color="">ぼたん</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

ぼたん

ぼたん

<TABLE cellspacing="3" bgcolor="#ecdac8">
<TBODY>
<TR>
<TD bgcolor="#fffcfb">
<TABLE bgcolor="#ecdac8" cellspacing="1">
<TBODY>
<TR>
<TD width="95" height="20" bgcolor="#fffcfb" align="center" nowrap><FONT color="">ぼたん</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

<TABLE cellspacing="3" bgcolor="#f5ece2">
<TBODY>
<TR>
<TD bgcolor="#fffcfb">
<TABLE bgcolor="#f5ece2" cellspacing="1">
<TBODY>
<TR>
<TD width="95" height="20" bgcolor="#fffcfb" align="center" nowrap><FONT color="">ぼたん</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

ぼたん

ぼたん

<TABLE cellspacing="3" bgcolor="#ddddff">
<TBODY>
<TR>
<TD bgcolor="#fffcfb">
<TABLE bgcolor="#ddddff" cellspacing="1">
<TBODY>
<TR>
<TD width="95" height="20" bgcolor="#fffcfb" align="center" nowrap><FONT color="">ぼたん</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

<TABLE cellspacing="3" bgcolor="#e8ecf8">
<TBODY>
<TR>
<TD bgcolor="#fffcfb">
<TABLE bgcolor="#e8ecf8" cellspacing="1">
<TBODY>
<TR>
<TD width="95" height="20" bgcolor="#fffcfb" align="center" nowrap><FONT color="">ぼたん</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

ぼたん

ぼたん

<TABLE cellspacing="3" bgcolor="#cec7da">
<TBODY>
<TR>
<TD bgcolor="#fffcfb">
<TABLE bgcolor="#cec7da" cellspacing="1">
<TBODY>
<TR>
<TD width="95" height="20" bgcolor="#fffcfb" align="center" nowrap><FONT color="">ぼたん</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

<TABLE cellspacing="3" bgcolor="#eae7ef">
<TBODY>
<TR>
<TD bgcolor="#fffcfb">
<TABLE bgcolor="#eae7ef" cellspacing="1">
<TBODY>
<TR>
<TD width="95" height="20" bgcolor="#fffcfb" align="center" nowrap><FONT color="">ぼたん</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

ぼたん

ぼたん

<TABLE cellspacing="3" bgcolor="#d2e0ad">
<TBODY>
<TR>
<TD bgcolor="#fffcfb">
<TABLE bgcolor="#d2e0ad" cellspacing="1">
<TBODY>
<TR>
<TD width="95" height="20" bgcolor="#fffcfb" align="center" nowrap><FONT color="">ぼたん</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

<TABLE cellspacing="3" bgcolor="#e6eed2">
<TBODY>
<TR>
<TD bgcolor="#fffcfb">
<TABLE bgcolor="#e6eed2" cellspacing="1">
<TBODY>
<TR>
<TD width="95" height="20" bgcolor="#fffcfb" align="center" nowrap><FONT color="">ぼたん</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

ぼたん

ぼたん

<TABLE cellspacing="3" bgcolor="#f5dfcb">
<TBODY>
<TR>
<TD bgcolor="#fffcfb">
<TABLE bgcolor="#f5dfcb" cellspacing="1">
<TBODY>
<TR>
<TD width="95" height="20" bgcolor="#fffcfb" align="center" nowrap><FONT color="">ぼたん</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

<TABLE cellspacing="3" bgcolor="#f3e4be">
<TBODY>
<TR>
<TD bgcolor="#fffcfb">
<TABLE bgcolor="#f3e4be" cellspacing="1">
<TBODY>
<TR>
<TD width="95" height="20" bgcolor="#fffcfb" align="center" nowrap><FONT color="">ぼたん</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

ぼたん

ぼたん

<TABLE cellspacing="3" bgcolor="#ffeca2">
<TBODY>
<TR>
<TD bgcolor="#fffcfb">
<TABLE bgcolor="#ffeca2" cellspacing="1">
<TBODY>
<TR>
<TD width="95" height="20" bgcolor="#fffcfb" align="center" nowrap><FONT color="">ぼたん</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

<TABLE cellspacing="3" bgcolor="#fff2ac">
<TBODY>
<TR>
<TD bgcolor="#fffcfb">
<TABLE bgcolor="#fff2ac" cellspacing="1">
<TBODY>
<TR>
<TD width="95" height="20" bgcolor="#fffcfb" align="center" nowrap><FONT color="">ぼたん</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

ぼたん

ぼたん

<TABLE cellspacing="3" bgcolor="#fdf162">
<TBODY>
<TR>
<TD bgcolor="#fffcfb">
<TABLE bgcolor="#fdf162" cellspacing="1">
<TBODY>
<TR>
<TD width="95" height="20" bgcolor="#fffcfb" align="center" nowrap><FONT color="">ぼたん</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

<TABLE cellspacing="3" bgcolor="#fef79e">
<TBODY>
<TR>
<TD bgcolor="#fffcfb">
<TABLE bgcolor="#fef79e" cellspacing="1">
<TBODY>
<TR>
<TD width="95" height="20" bgcolor="#fffcfb" align="center" nowrap><FONT color="">ぼたん</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

おしゃれな点線のボタンも素敵です。

ぼたん

Various Colors のリンクをＨＴＭＬでつくると、こうなります。

<TABLE width="88" height="31" cellspacing="1" bgcolor="#d0d0e8">
<TBODY>
<TR>
<TD bgcolor="#fafafc" align="center"><A href="http://kowaza.websozai.jp" style="text-decoration:none" target="_blank"><FONT size="2" face="ＭＳＰ明朝" color="#d0d4e0">Various Colors</FONT></A></TD>
</TR>
</TBODY>
</TABLE>

Copyright (C) 2001-2014. Various Colors. All rights reserved.