テーブルタグ背景に画像を表示 |
タグ |
<table border background="画像名">
<tr>
<td>文字1</td><td>文字2</td><td>文字3</td>
</tr>
<tr>
<td>文字4</td><td>文字5</td><td>文字6</td>
</tr>
<tr>
<td>文字7</td><td>文字8</td><td>文字9</td>
</tr>
<tr>
<td>文字10</td><td>文字11</td><td>文字12</td>
</tr>
</table> |
結果 |
文字1 | 文字2 | 文字3 |
文字4 | 文字5 | 文字6 |
文字7 | 文字8 | 文字9 |
文字10 | 文字11 | 文字12 |
| |
文字1 | 文字2 | 文字3 |
文字4 | 文字5 | 文字6 |
文字7 | 文字8 | 文字9 |
文字10 | 文字11 | 文字12 |
|
|
結果 |
文字1 | 文字2 | 文字3 |
文字4 | 文字5 | 文字6 |
文字7 | 文字8 | 文字9 |
文字10 | 文字11 | 文字12 |
| |
文字1 | 文字2 | 文字3 |
文字4 | 文字5 | 文字6 |
文字7 | 文字8 | 文字9 |
文字10 | 文字11 | 文字12 |
|
|
解説 |
table の横に 「background="画像名"」と書けば背景に画像を表示することができます。
td の横に書けば、その一つのセル内にだけ反映します。 tr に書けばその段の横1行分に反映します。
結果の右にある表は線の 「border」 を消した状態です。 「border」 を消すと枠線が消えてスッキリします。 背景を何も指定してなかったら透明なので文字しか見えなくなります。
画像は画像名と画像の種類(拡張子)を記入して下さい。簡単なイラストなどは「ファイル名.gif」が多いです。写真とか色が多いイラストなどは「ファイル名.jpg」や「ファイル名.png」などの拡張子の種類があります。 画像ファイルの「プロパティ」を見れば種類が書いてあると思います。 (画像ファイル右クリック→プロパティ→ファイルの種類)。
|