表全体の背景画像を設定する

<table background=””>

表全体に背景画像を設定するにはテーブルタグに「background=””」という属性を追加します。ここで指定された背景画像は、テーブル全体に適用されます。各セルの背景画像を個別に設定したい場合は、<td background=””>を用います。

記述例

<table border=”1″ background=”../../bgg.gif”>
<tr>
<td>左のセル</td><td>右のセル</td>
</tr>
<table>


左のセル 右のセル

※分かりやすくするために枠を表示しています。

表全体の背景画像の指定は、本来スタイルシートで行うことが推奨されています。また、小さな画像を背景に指定した場合は表の大きさに沿って、画像が繰り返し表示されます。ただし、大きな画像の場合、表が小さいと画像の一部しか表示されず、画像にムダが出るだけでなく、データサイズにもムダが出ますので、適切な画像を選びましょう。また、セルに書かれた文字が見えにくくなるような背景画像は使用しないようにしましょう。

関連情報

テーブルタグ一覧

【厳選】合わせて読みたいおすすめ書籍

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

HTMLやCSS、Webデザインを体系的に学ぶなら

最新のHTML5を学ぶなら

参考情報

最新情報をチェックしよう!