● ポップなボタン ●

これは、table（表）を使ったボタンです。
タグの見本は、下にありますので、参考にしてください。
一括DL→

画像下の数字が、真ん中のセルの色番号です。


#ad6b08
#2194f7
#319cce
#9421f7
#ffadc6




#e75a5a
#ff4242
#ffe729
#00ce00

連結部分

　
 Back  Home  Next

<TABLE cellpadding="0" cellspacing="0">
<TBODY>
<TR>
<TD><IMG src="b_p04.gif" width="12" height="20"></TD>
<TD bgcolor="#319cce"><A href="back.html">Back</A></TD>
<TD><IMG src="b_pdb02.gif" width="35" height="20"></TD>
<TD bgcolor="#00ce00"><A href="index.html">Home</A></TD>
<TD><IMG src="b_pg09.gif" width="35" height="20"></TD>
<TD bgcolor="#e75a5a"><A href="next.html">Next</A></TD>
<TD><IMG src="b_p11.gif" width="12" height="20"></TD>
</TR>
</TBODY>
</TABLE>

■赤文字　　cellpadding="0" cellspacing="0"
これは、必要ですので、必ず入れるようにしてください。

■青文字　　b_p04.gifなど。。
ボタンの画像ファイル名です。色によって、使い分けてください。

■緑文字　　#e75a5aなど。。
文字を入れる部分のセルの色です。
ボタンの色に合わせた色番号を指定してください。

■ピンク文字　<A href="next.html">Next</A>
ボタンの中に入れる文字です。（リンクさせています。）
リンク文字色は、白がおすすめです。
また、下記のスタイルシートを、<HEAD>〜</HEAD>の間に書き込むと、
文字の大きさが、10ptになり、リンクの下線も消えます。
（一部ブラウザでは反映しません）
<STYLE TYPE="text/css">
<!--
a:link {font-size: 10pt; text-decoration:none;}
a:visited {font-size: 10pt; text-decoration:none;}
a:active {font-size: 10pt; text-decoration:none;}
a:hover {font-size: 10pt; text-decoration:underline;}
body {font-size: 10pt;}
td {font-size: 10pt;}
-->
</STYLE>

copyright(C)2003 Anne all rights reserved
Anne's small box