テーブル(表)・セルの背景に画像を使う
テーブル(表)の背景に画像を使う
テーブル(表)の背景に画像を使いました |
自分の好きな壁紙を使っておしゃれな表が作れます。
変えるところ→黄色の部分
<table height="100" cellspacing="1" width="300" background="画像のurl" border="0">
<tr>
<td align="center">テーブル(表)の背景に画像を使いました</td>
</tr>
</table>
上記のソース<tr>
<td align="center">テーブル(表)の背景に画像を使いました</td>
</tr>
</table>
セルの背景に画像を使う
ハロー |
こんにちは |
それぞれのセルの背景に画像を使いました |
ひとつの表でもそれぞれのセルに違った画像を表示できます。
このテーブルでは、見やすくするために背景色を入れてますが、入れなくても大丈夫です。
変えるところ→黄色の部分
<table height="100" cellspacing="1" width="300" border="0" bgcolor="#cccccc">
<tr>
<td align="center" height="50" background="画像のurl">ハロー</td>
</tr>
<tr>
<td background="画像のurl" height="50" align="center">こんにちは</td>
</tr>
<tr>
<td background="画像のurl" height="50" align="center">それぞれのセルの背景に画像を使いました</td>
</tr>
</table>
上記のソース<tr>
<td align="center" height="50" background="画像のurl">ハロー</td>
</tr>
<tr>
<td background="画像のurl" height="50" align="center">こんにちは</td>
</tr>
<tr>
<td background="画像のurl" height="50" align="center">それぞれのセルの背景に画像を使いました</td>
</tr>
</table>
テーブル枠線の種類 かわいい点線 CSSボーダースタイル CSSボーダー CSSテーブル
★skip ページtop