表やセルの背景に画像を使う
表示の例 1
背景に画像を使っています。
表にお好みの背景画像を表示できます。
ソースは下のようになります。
表示させたい場所のHTMLソースに貼り付けましょう。
(必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください)
ソース
<table border="0" cellpadding="2" cellspacing="0" width="300" height="80" background="images/back3.gif">
<tr>
<td align="center">背景に画像を使っています。</td>
</tr>
</table>
下の表を見てあなたのお好みにかえてみましょう。
罫線のサイズ border="0" の 0
セル内のスペース cellpadding="2" の 2
セル間のスペース cellspacing="0" の 0
表の幅 width="300" の 300
表の高さ height="80" の 80
背景の画像 background="images/back3.gif" の images/back3.gif
表示の例 2
このセルは背景に色を指定しています。
このセルの背景に画像を使っています。
ソースは下のようになります。
ソース
<table border="0" cellpadding="2" cellspacing="0" width="300" height="80">
<tr>
<td align="center" bgcolor="#6666FF"><font color="#FFFFFF">このセルは背景に色を指定しています。</font></td>
</tr>
<tr>
<td align="center" background="images/back3.gif">このセルの背景に画像を使っています。</td>
</tr>
</table>
下の表を見てあなたのお好みにかえてみましょう。
罫線のサイズ border="0" の 0
セル内のスペース cellpadding="2" の 2
セル間のスペース cellspacing="0" の 0
表の幅 width="300" の 300
表の高さ height="80" の 80
セルの背景色 bgcolor="#6666FF" の #6666FF
セルの背景画像 background="images/back3.gif" の images/back3.gif
ホームページお役立ち小技集のTOPへ