せっかちさんの★web★生活～表をつくる　テーブル・枠のサンプル

★テキストボックス★

シンプルなテキストボックスはこちら

<CENTER> <TEXTAREA rows="8" cols="40" style="font-size:9pt;border:double 5 #ddff55; scrollbar-face-color: #eeffff; scrollbar-arrow-color: #ff22ff; scrollbar-track-color: #aaffaa; background-color: #eeff99; color: #008800;"> ●●ここに文字をいれる●● </TEXTAREA></CENTER>

<CENTER> <TEXTAREA rows="10" cols="40" style="font-size:13pt;border:double 2 #bbdddd; scrollbar-face-color: #bbdddd; scrollbar-highlight-color: #eeffdd; scrollbar-shadow-color: #eeffdd; scrollbar-3dlight-color: #eeffdd; scrollbar-darkshadow-color: #eeffdd; scrollbar-arrow-color: #66cccc; scrollbar-track-color: #bbddcc; background-color: #eeffdd; color: #bbbbdd;"> ●●文字●● </TEXTAREA></CENTER>

コピペ↓してね

<CENTER> <TEXTAREA rows="8" cols="50" style="font-size:15pt;border:double 1 #ff4455; scrollbar-face-color: #ffee99; scrollbar-arrow-color: #ffee33; scrollbar-track-color: #ffee11; background-color: #ffee99; color: #ddaa11;"> ●●ここに文章をどうぞ●● </TEXTAREA></CENTER>

ホームページトップへ

カラー表サンプル

タグのメニューへ

★　点　線　の　枠　★
使い方

●●●　文字　や　ＵＲＬ　●●●　の　ところに入力するだけです。
＜!--はじまり--＞から＜!--おわり--＞の範囲をコピペしてください。

border-color　点線の色
border-width:●px　点線のサイズ
bgcolor　背景色
cellpadding　線との余白を指定

●サンプル●

コピーして使ってね↓

●●●サンプル●●●

コピーして使ってね↓

枠のサンプルです
コピーしてね

<CENTER> <TABLE style="border-color:#ffaaaa;border-style:dashed;border-width:3px" cellpadding="5" bgcolor="#ffffee"> <TR> <TD><font color="#ffaaaa" size="-6"> ●●●本文を入力●●● </FONT></TD> </TR> </TABLE> </CENTER>

枠のサンプルです
コピーしてね

<CENTER> <TABLE style="border-color:#6699ff;border-style:dashed;border-width:3px" cellpadding="5" bgcolor="#eeffee"> <TR> <TD><font color="#6699ff" size="-6"> ●●●本文を入力●●● </FONT></TD> </TR> </TABLE> </CENTER>

枠のサンプル
コピーしてね

<CENTER> <TABLE style="border-color:#90ee90;border-style:dashed;border-width:3px" cellpadding="5" bgcolor="#eeffff"> <TR> <TD><font color="#90ee90" size="-6"> ●●●本文を入力●●● </FONT></TD> </TR> </TABLE> </CENTER>

枠のサンプルです
コピーしてね

<CENTER> <TABLE style="border-color:#ffff00;border-style:dashed;border-width:3px" cellpadding="5" bgcolor="#ffff55"> <TR> <TD><font color="#444444" size="-6"> ●●●本文を入力●●● </FONT></TD> </TR> </TABLE> </CENTER>

内側点線のサンプル

コピーして使ってね↓

サンプル

コピーして使ってね↓

サンプル
bordercolorlight　線の色
border　線のサイズ
bgcolor　背景色
cellspacing　外線と内線の間隔

コピーして使ってね↓

●サンプル●
●サンプル●

コピーして使ってね↓

タグのメニューへ

●●●サンプルはこんな感じ●●●

この下をコピーしてください

●サンプル●

コピーして↓使ってね↓

《アレンジ枠》

●サンプルの枠●
●文字を入れてね●
●文字を入れてね●

コピペ↓してね

●サンプル● ●文字を入力●
●文字を入力●

コピペ↓してね

●●●角が丸いサンプル●●●

この下をコピーしてね↓

<CENTER>
<table cellpadding="0" cellspacing="0"><tr><td align="right"><table cellspacing="0" width="5"><tr><td bgcolor="#ffffaa"></td></tr></table><table cellspacing="0" width="7"><tr><td bgcolor="#ffffaa"></td></tr></table><table cellspacing="0" width="8"><tr><td bgcolor="#ffffaa"></td></tr></table><table cellspacing="0" width="8"><tr><td bgcolor="#ffffaa"></td></tr></table><table cellspacing="0" width="9"><tr><td bgcolor="#ffffaa"></td></tr></table><table cellspacing="0" width="9"><tr><td bgcolor="#ffffaa"></td></tr></table></td><td bgcolor="#ffffaa"></td><td><table cellspacing="0" width="5">
<tr><td bgcolor="#ffffaa"></td></tr></table><table cellspacing="0" width="7"><tr><td bgcolor="#ffffaa"></td></tr></table><table cellspacing="0" width="8"><tr><td bgcolor="#ffffaa"></td></tr></table><table cellspacing="0" width="8"><tr><td bgcolor="#ffffaa"></td></tr></table><table cellspacing="0" width="9"><tr><td bgcolor="#ffffaa"></td></tr></table>
<table cellspacing="0" width="9"><tr><td bgcolor="#ffffaa"></td></tr></table></td></tr><tr><td bgcolor="#ffffaa"></td><td bgcolor="#ffffaa">
<center>
<font size="2" color="#5577bb">
●●●ここに文章をどうぞ♪●●●
</CENTER>
</td><td bgcolor="#ffffaa"></td></tr><tr><td align="right"><table cellspacing="0" width="9"><tr><td bgcolor="#ffffaa"></td></tr></table><table cellspacing="0" width="9"><tr><td bgcolor="#ffffaa"></td></tr></table>
<table cellspacing="0" width="8"><tr><td bgcolor="#ffffaa"></td></tr></table><table cellspacing="0" width="8"><tr><td bgcolor="#ffffaa"></td></tr></table>
<table cellspacing="0" width="7"><tr><td bgcolor="#ffffaa"></td></tr></table><table cellspacing="0" width="5"><tr><td bgcolor="#ffffaa"></td></tr></table>
</td><td bgcolor="#ffffaa"></td><td><table cellspacing="0" width="9"><tr><td bgcolor="#ffffaa"></td></tr></table>
<table cellspacing="0" width="9"><tr><td bgcolor="#ffffaa"></td></tr></table><table cellspacing="0" width="8"><tr><td bgcolor="#ffffaa"></td></tr></table>
<table cellspacing="0" width="8"><tr><td bgcolor="#ffffaa"></td></tr></table><table cellspacing="0" width="7"><tr><td bgcolor="#ffffaa"></td></tr></table>
<table cellspacing="0" width="5"><tr><td bgcolor="#ffffaa"></td></tr></table></td></tr></table>
</CENTER>

角が丸いサンプルの枠です

この下をコピーしてね↓

<CENTER>
<table cellpadding="0" cellspacing="0"><tr><td align="right"><table cellspacing="0" width="5"><tr><td bgcolor="#eeeeff"></td></tr></table><table cellspacing="0" width="7"><tr><td bgcolor="#eeeeff"></td></tr></table><table cellspacing="0" width="8">
<tr><td bgcolor="#eeeeff"></td></tr></table><table cellspacing="0" width="8"><tr><td bgcolor="#eeeeff"></td></tr></table><table cellspacing="0" width="9"><tr><td bgcolor="#eeeeff"></td></tr></table><table cellspacing="0" width="9"><tr><td bgcolor="#eeeeff"></td></tr></table></td><td bgcolor="#eeeeff"></td><td><table cellspacing="0" width="5">
<tr><td bgcolor="#eeeeff"></td></tr></table><table cellspacing="0" width="7"><tr><td bgcolor="#eeeeff"></td></tr></table><table cellspacing="0" width="8"><tr><td bgcolor="#eeeeff"></td></tr></table><table cellspacing="0" width="8"><tr><td bgcolor="#eeeeff"></td></tr></table><table cellspacing="0" width="9"><tr><td bgcolor="#eeeeff"></td></tr></table>
<table cellspacing="0" width="9"><tr><td bgcolor="#eeeeff"></td></tr></table></td></tr><tr><td bgcolor="#eeeeff"></td><td bgcolor="#eeeeff">
<center>
<font size="2" color="#5577bb">
●●●ここに文章をどうぞ♪●●●
</CENTER>
</td><td bgcolor="#eeeeff"></td></tr><tr><td align="right"><table cellspacing="0" width="9"><tr><td bgcolor="#eeeeff"></td></tr></table><table cellspacing="0" width="9"><tr><td bgcolor="#eeeeff"></td></tr></table>
<table cellspacing="0" width="8"><tr><td bgcolor="#eeeeff"></td></tr></table><table cellspacing="0" width="8"><tr><td bgcolor="#eeeeff"></td></tr></table>
<table cellspacing="0" width="7"><tr><td bgcolor="#eeeeff"></td></tr></table><table cellspacing="0" width="5"><tr><td bgcolor="#eeeeff"></td></tr></table>
</td><td bgcolor="#eeeeff"></td><td><table cellspacing="0" width="9"><tr><td bgcolor="#eeeeff"></td></tr></table>
<table cellspacing="0" width="9"><tr><td bgcolor="#eeeeff"></td></tr></table><table cellspacing="0" width="8"><tr><td bgcolor="#eeeeff"></td></tr></table>
<table cellspacing="0" width="8"><tr><td bgcolor="#eeeeff"></td></tr></table><table cellspacing="0" width="7"><tr><td bgcolor="#eeeeff"></td></tr></table>
<table cellspacing="0" width="5"><tr><td bgcolor="#eeeeff"></td></tr></table></td></tr></table>
</CENTER>

<CENTER><table bgcolor="#ccffdd" cellspacing="8">
<tr><td>
<TABLE style="filter:Alpha(opacity=60)" bgcolor="#44bb11" width="130">
<TR><TD><a href="%c2%a1%c3%bc%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a1%c3%bc.html" style="text-decoration:none"><b><font style="font-size:14px;color:#ffffff;">
●ここにリンク先●
</b></FONT></a></TD></TR></TABLE>
<td><font style="font-size:14px;color:#999999;">
●説明などを～●
</FONT></td></tr><tr><td>
<TABLE style="filter:Alpha(opacity=60)" bgcolor="#44bb11" width="130">
<TR><TD><a href="%c2%a1%c3%bc%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a1%c3%bc.html" style="text-decoration:none"><b><font style="font-size:14px;color:#ffffff;">
●ここにリンク先●
</b></FONT></a></TD></TR></TABLE>
<td><font style="font-size:14px;color:#999999;">
●説明などを～●
</FONT></td></tr>
<tr><td>
<TABLE style="filter:Alpha(opacity=60)" bgcolor="#44bb11" width="130">
<TR><TD><a href="%c2%a1%c3%bc%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a1%c3%bc.html" style="text-decoration:none"><b><font style="font-size:14px;color:#ffffff;">
●ここにリンク先●
</b></FONT></TD></a></TR></TABLE>
<td><font style="font-size:14px;color:#999999;">
●説明などを～●
</FONT></td></tr><tr><td>
<TABLE style="filter:Alpha(opacity=60)" bgcolor="#44bb11" width="130">
<TR><TD><a href="%c2%a1%c3%bc%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a1%c3%bc.html" style="text-decoration:none"><b><font style="font-size:14px;color:#ffffff;">
●ここにリンク先●
</b></FONT></a></TD></TR></TABLE>
<td><font style="font-size:14px;color:#999999;">
●説明をなど～●
</FONT>
</td></tr></table></CENTER>

《テーブルでつくるリンク集　②》

●リンク先●	●リンク先●	●リンク先●	●リンク先●
●リンク先●	●リンク先●	●リンク先●	●リンク先●
●リンク先●	●リンク先●	●リンク先●	●リンク先●

コピーして↓使ってね↓

<CENTER>
<table border=2 bordercolorlight="#eeeeff" bordercolordark="#eeeeff" bgcolor="#eeeeff" cellspacing="4" cellpadding="8" style="color:ee00ee;font-size:15px;text-align:center">
<tr><td bgcolor="#ddddff" style="cursor:hand" bordercolor="#ff99ff"
onClick="location.href='%c2%a1%c3%bc%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a4%c3%b2%c2%a4%c3%89%c2%a4%c2%a6%c2%a4%c2%be%c2%a1%c3%bc.html'">
●リンク先●</td>
<td bgcolor="#ddddff" style="cursor:hand" bordercolor="#ff99ff"
onClick="location.href='%c2%a1%c3%bc%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a4%c3%b2%c2%a4%c3%89%c2%a4%c2%a6%c2%a4%c2%be%c2%a1%c3%bc.html'">
●リンク先●</td>
<td bgcolor="#ddddff" style="cursor:hand" bordercolor="#ff99ff"
onClick="location.href='%c2%a1%c3%bc%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a4%c3%b2%c2%a4%c3%89%c2%a4%c2%a6%c2%a4%c2%be%c2%a1%c3%bc.html'">
●リンク先●</td>
<td bgcolor="#ddddff" style="cursor:hand" bordercolor="#ff99ff"
onClick="location.href='%c2%a1%c3%bc%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a4%c3%b2%c2%a4%c3%89%c2%a4%c2%a6%c2%a4%c2%be%c2%a1%c3%bc.html'">
●リンク先●
</td></tr>

テーブルサンプル《～取り放題～楽天サイト使用可能》

●取り放題～楽天サイト使用可能●
●サンプル幅750●
●入力●	●入力●
●入力●	●入力●
●入力●	●入力●

コピーして↓使ってね↓

タグのメニューへ

コピペでどうぞ幅700

●サンプルテーブル幅700●
●サブタイトル●
●入力●	●入力●
●入力●	●入力●
●入力●	●入力●
●入力●

コピーして↓使ってね↓

<CENTER><table cellspacing="2" border="2" bgcolor="#EAE6DA" bordercolorlight="#E3406F" bordercolordark="#E3406F" width="700"><tr><td colspan="2"><CENTER><FONT COLOR="#E3A9A8" size="5"><b>
●タイトル●</FONT></b></CENTER></td></tr><tr><td colspan="2"><FONT COLOR="#E3A9A8" size="5"><b>
●サブタイトル●
</b></FONT></td></tr><tr><td><b>
●入力●
</b></td><td><b>
●入力●
</b></td></tr><tr><td><b>
●入力●
</b></td><td><b>
●入力●
</b></td></tr><tr><td><b>
●入力●
</b></td><td><b>
●入力●
</b></td></tr><tr><td colspan="2"><b><FONT COLOR="#E03C45">
●入力●
</b></font></td></tr></table></CENTER>

</CENTER></td></tr></table></CENTER><br><br>

<CENTER><a href="top.html">タグのメニューへ</a></CENTER><br><br>
ストロベリーカラー幅700<br><br>
<table border="1" bgcolor="#FFDCE6" bordercolorlight="#B42355" bordercolordark="#B42355" width="700"><tr><td colspan="2"><b><FONT COLOR="#E6506D" size="5">
●サンプル●
</b></FONT></td></tr><tr><td colspan="2"><FONT COLOR="#E50031">
●タイトル●
</FONT></td></tr><tr><td><b><FONT COLOR="#973546">
●入力●
</FONT></b></td><td><FONT COLOR="#E3A9A8">
●●●●
</td></tr><tr><td><b><FONT COLOR="#973546">
●入力●
</b></td><td><FONT COLOR="#E3A9A8">
●●●●
</td></tr><tr><td><b><FONT COLOR="#973546">
●入力●
</b></td><td><FONT COLOR="#E3A9A8">
●●●●
</td></tr></table><br><br>

<CENTER><table cellspacing=""border="3"bordercolorlight="#d3d3d3" bordercolordark="#d3d3d3"><tr><td>
<FONT size="-6">
<CENTER>コピーして↓使ってね↓<br>
<table border=1 bordercolorlight="#aaaaff" bordercolordark="#7777aa" bgcolor="#7777aa" cellspacing="1" cellpadding=0>
<tr>
<td align=center><textarea rows=3 cols=40 style="border-style:none;">

テーブル幅未設定～コピーして使ってください～

●タイトル●～コピーして使ってください～
●サブタイトル●
●入力●	●入力●
●入力●	●入力●
●入力●	●入力●
●入力●

コピーして↓使ってね↓

ホームページトップへ

カラー表サンプル

タグのメニューへ

シンプルなテーブル
サンプルを見る

１マスの幅　td width="★"
マスの高さ height="☆"で調整します。
表づくりの基本はこちらを参照してみてください
　　　　

●サンプル●
●サンプル●

コピペ↓してね

●サンプル２●
●サンプル２●

コピペ↓してね

●サンプル３●
●サンプル３●
●サンプル３●

コピーして↓使ってね↓

●文字をどうぞ●

コピーして↓使ってね↓

タグのメニューへ

▲４つの枠のテーブル▲

サンプル	サンプル	サンプル	サンプル
●文字●	●文字●	●文字●	●文字●

～コピーして↓使ってね↓～

●サンプル●	●サンプル●
●サンプル●	●サンプル●
●サンプル●	●サンプル●

コピーして↓使ってね↓

縦にまたぐ表

●サンプル●	●サンプル●	●サンプル●	●サンプル●
●サンプル●	●サンプル●	●サンプル●	●サンプル●

コピーして↓使ってね↓

●ここに文字●	●文字を入れてネ● ●文字を入れてね● ●文字を入れてネ● ●文字を入れてね●
●ここに文字●	●文字を入れてネ● ●文字を入れてね● ●文字を入れてネ● ●文字を入れてね●
●ここに文字●	●文字を入れてネ● ●文字を入れてね● ●文字を入れてネ● ●文字を入れてね●
●ここに文字●	●文字を入れてネ● ●文字を入れてね● ●文字を入れてネ● ●文字を入れてね●
●ここに文字●	●文字を入れてネ● ●文字を入れてね● ●文字を入れてネ● ●文字を入れてね●

コピーして↓使ってね↓

<CENTER><table bgcolor="#ffcc00"><tr>
<TD style="border-color:#0000ee;border-style:dashed;border-width:2px" cellpadding="4" bgcolor="#ffff00">
<FONT color="#0000aa"><font style="font-size:15px;"><b>
●ここに文字●</b></FONT>
</td><td align="left"><font style="font-size:13px;color:#111111;">
●文字を入れてネ●<br>
●文字を入れてね●<br>
●文字を入れてネ●<br>
●文字を入れてね●<br>
</FONT></td></tr><tr>
<TD style="border-color:#0000ee;border-style:dashed;border-width:2px" cellpadding="4" bgcolor="#ffff00">
<FONT color="#0000aa"><font style="font-size:15px;"><b>
●ここに文字●</b></FONT>
</td><td align="left"><font style="font-size:13px;color:#111111;">
●文字を入れてネ●<br>
●文字を入れてね●<br>
●文字を入れてネ●<br>
●文字を入れてね●<br>
</FONT></td></tr><tr>
<TD style="border-color:#0000ee;border-style:dashed;border-width:2px" cellpadding="4" bgcolor="#ffff00">
<FONT color="#0000aa"><font style="font-size:15px;"><b>
●ここに文字●</b></FONT>
</td><td align="left"><font style="font-size:13px;color:#111111;">
●文字を入れてネ●<br>
●文字を入れてね●<br>
●文字を入れてネ●<br>
●文字を入れてね●<br>
</FONT></td></tr><tr>
<TD style="border-color:#0000ee;border-style:dashed;border-width:2px" cellpadding="4" bgcolor="#ffff00">
<FONT color="#0000aa"><font style="font-size:15px;"><b>
●ここに文字●</b></FONT>
</td><td align="left"><font style="font-size:13px;color:#111111;">
●文字を入れてネ●<br>
●文字を入れてね●<br>
●文字を入れてネ●<br>
●文字を入れてね●<br>
</FONT></td></tr><tr>
<TD style="border-color:#0000ee;border-style:dashed;border-width:2px" cellpadding="4" bgcolor="#ffff00">
<FONT color="#0000aa"><font style="font-size:15px;"><b>
●ここに文字●</b></FONT>
</td><td align="left"><font style="font-size:13px;color:#111111;">
●文字を入れてネ●<br>
●文字を入れてね●<br>
●文字を入れてネ●<br>
●文字を入れてね●<br>
</FONT></td></tr></td></tr></table></CENTER>

横に２こまたぐ
縦に2個またぐ	●●サンプル●●
縦に2個またぐ	●●さんぷる●●
●●サンプル●●	●●さんぷる●●
●●サンプル●●	●●さんぷる●●

コピーして↓使ってね↓

セルを横にまたがせる　colspan="●横にまたがせたいセルの数●"
セルを縦にまたがせる　rowspan="●縦にまたがせたいセルの数●"

●サンプル《３》●	●文字を入れてネ● ●文字を入れてね● ●文字を入れてネ● ●文字を入れてね●
●サンプル●	●文字を入れてネ● ●文字を入れてね● ●文字を入れてネ● ●文字を入れてね●
●サンプル●	●文字を入れてネ● ●文字を入れてね● ●文字を入れてネ● ●文字を入れてね●

コピーして↓使ってね↓

セル内の文章を左によせる　<td align="left">

ホームページトップへ

カラー表サンプル

タグのメニューへ

●●●ボ　タ　ン●●●

＜!--はじまり--＞から＜!--おわり--＞の範囲をコピペしてください。
ご質問や、不具合の報告は、メールで受け付けしています。

色が変るボタンはこちら

サンプルボタン

<table border=2 bordercolorlight="#ffff00" bordercolordark="#8888ff" bgcolor="#eeff77"> <tr> <td> <a href="%c2%a1%c3%bc%c2%a1%c3%bc%c2%a1%c3%bc%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a4%c3%b2%c3%86%c3%be%c3%8e%c3%8f%c2%a1%c3%bc%c2%a1%c3%bc%c2%a1%c3%bc.html" style="text-decoration:none"> <font style="color:004400;font-size:13px;"> ●●●内容入力●●● </a> </td> </tr> </table>

サンプルボタン

<table border=2 bordercolorlight="#ddddff" bordercolordark="#8888ff" bgcolor="#ddddff"> <tr> <td> <a href="%c2%a1%c3%bc%c2%a1%c3%bc%c2%a1%c3%bc%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a4%c3%b2%c3%86%c3%be%c3%8e%c3%8f%c2%a1%c3%bc%c2%a1%c3%bc%c2%a1%c3%bc.html" style="text-decoration:none"> <font style="color:0000dd;font-size:13px;"> ●●●内容入力●●● </a> </td> </tr> </table>

サンプルボタン

<table border=2 bordercolorlight="#eeffee" bordercolordark="#00ff00" bgcolor="#eeffee"> <tr> <td> <a href="%c2%a1%c3%bc%c2%a1%c3%bc%c2%a1%c3%bc%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a4%c3%b2%c3%86%c3%be%c3%8e%c3%8f%c2%a1%c3%bc%c2%a1%c3%bc%c2%a1%c3%bc.html" style="text-decoration:none"> <font style="color:008800;font-size:13px;"> ●●●内容入力●●● </a> </td> </tr> </table>

サンプルボタン

<table border=2 bordercolorlight="#ffeeee" bordercolordark="#ffaaaa" bgcolor="#ffcccc"> <tr> <td> <a href="%c2%a1%c3%bc%c2%a1%c3%bc%c2%a1%c3%bc%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a4%c3%b2%c3%86%c3%be%c3%8e%c3%8f%c2%a1%c3%bc%c2%a1%c3%bc%c2%a1%c3%bc.html" style="text-decoration:none"> <font style="color:cc0000;font-size:13px;"> ●●●内容入力●●● </a> </td> </tr> </table>

《ボ　タ　ン～その他～》

この下をコピーしてね↓

この下をコピーしてね↓

マウスをのせると色が変わる↓

サンプル

<TABLE><TR BGCOLOR="#b9b9b9"> <TD onmouseover="this.style.backgroundColor='#4444ee'" onmouseout="this.style.backgroundColor='#eeee00'"> <a href="%c2%a1%c3%bc%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a1%c3%bc.html" style="text-decoration:none"><font style="color:000055;font-size:18px;">●リンク先の名前●</a> </TD></TR></TABLE><br>

サンプル

この下をコピーしてね↓

 <CENTER><TABLE><TR BGCOLOR="#77bbff"> <TD onmouseover="this.style.backgroundColor='#aaaeee'" onmouseout="this.style.backgroundColor=''"> <a href="%c2%a1%c3%bc%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a1%c3%bc.html" style="text-decoration:none"><font style="color:dd9898;font-size:18px;">●ココに文字をいれる●</a> </TD></TR></TABLE>

サンプル

この下をコピーしてね↓

 <CENTER><TABLE><TR BGCOLOR="#7777ff"> <TD onmouseover="this.style.backgroundColor='#eeeeff'" onmouseout="this.style.backgroundColor='#9999ff'"> <a href="%c2%a1%c3%bc%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a4%c3%b2%c2%a4%c3%89%c2%a4%c2%a6%c2%a4%c2%be%c2%a1%c3%bc.html" style="text-decoration:none"><font style="color:0000aa;font-size:18px;">●ココに文字をいれる●</a> </TD></TR></TABLE>

ボタンサンプル

この下をコピーして使ってね↓

 <CENTER><TABLE><TR BGCOLOR="#bbbbff"> <TD onmouseover="this.style.backgroundColor='#ffb9b9'" onmouseout="this.style.backgroundColor=''"> <a href="%c2%a1%c3%bcURL%c2%a4%c3%b2%c3%86%c3%be%c3%8e%c3%8f%c2%a1%c3%bc.html" style="text-decoration:none"><b><font style="color:0077cc;font-size:13px;">●●文字を入れる●●</a> </TD></TR></TABLE></CENTER> 

●サンプルのボタン●

この下をコピーして使ってね↓

 <CENTER><TABLE style="border-color:#00cccc;border-style:dotted;border-width:3px" cellpadding="3"> <TR BGCOLOR="#eeffee"> <TD onmouseover="this.style.backgroundColor='#00eeee'" onmouseout="this.style.backgroundColor=''"> <a href="%c2%a1%c3%bc%c2%a3%c3%95%c2%a1%c2%a1%c2%a3%c3%92%c2%a1%c2%a1%c2%a3%c3%8c%c2%a1%c3%bc.html" style="text-decoration:none"><font style="color:00bbbb;font-size:18px;">●ココに文字をいれる●</a> </TD></TR></FONT> </TABLE></CENTER>

ホームページトップへ

カラー表サンプル

タグのメニューへ