テーブルを利用してボタンを作ってみる
ページの背景とは別にテーブルには背景が入れられます。
と、いうことは好きな画像＋テキストで簡単なボタンが作れるわけです。
例えばこんな風になります。
| My Room | ←雲のボタン素材（文字無し）に文字をテキストで打っています |
【ソース】
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="73" height="42" align="center" background="img/sample03.gif">
<font style="font-size:9pt">My Room</font>
</td>
</tr>
</table>
ポイントは画像を背景に指定する場合セルのサイズを指定すること。
ここではW73pixel×H74pixelの画像を使っているので<td width="73" height="42">と指定しています。
また、テーブルに余計な枠が付かないように<table border="0">としてあります。
こんな風にありものだけで結構お手軽にボタンが作れたりします。
