|
表（テーブル）に、背景画像を設定
|
|
|
|
中級編 【６】
テーブル全体と行やデータセルに、背景画像を表示する。
|
|
|
|
<table
background=
"背景画像"
><tr><td>
〜
</td></tr></table>
|
|
<th background="">
〜</th>
|
|
<tr background="">
〜</tr>
|
|
<td background="">
〜</td>
|
ページ 全体
<body>
の背景画だけでなく、 テーブル
<table>
の行
<tr>
や データセル
<td>
他に 見出し表示の
<th>
に背景画を設定出来ます。
|
|
|
|
|
<table background="">
|
テーブルに背景画を設定 テーブル全体の指定 表はその全体の設定を
<table
内に指定 大きさ、枠の太さ、表の背景色、背景画など、表全体に関わる部分の指定を行う。
|
<td background="">
|
セルに背景画を設定
枠サイズや背景色・表の背景画を指定出来 複数のセルを行に指定する事が出来る。
|
|
|
|
|
|
テーブルに背景画をつける サンプルタグ
<table align="center"
background="
画像
URL" border="0">
<tr>
<td>
セル1
</td>
<td>
セル２
</td>
<td>
セル３
</td>
</tr> </table>
|
|
|
背景画をつける表示例
sample画像bkkt004.gif
 に
テーブルサイズの高さ
height="240"
を設定 表示例
|
セル1
|
セル２
|
セル３
|
|
|
|
|
|
|
背景画ををつける HTMLタグ解説
|
background=""
|
属性
|
テーブル全体とセルに指定出来る
テーブル全体は
<table> </table>
に囲って表示する。
セルには
<td>
とセットで使います
背景色 背景画 サイズを設定する。
|
|
<table> <th> <tr> <td>
|
要素
|
各要素に、
背景画をつける。
|
|
<table background="">
|
|
テーブル全体に、背景画をつける。
|
|
<th background="">
|
|
見出しセルに、背景画をつける。
|
|
<td background="">
|
|
データセルに、背景画をつける。
|
|
<body background="">
|
|
ページ全体に、背景画をつける。
関連URL
ページに、背景画像を表示
|
|
|
|
|
閑話 ◆
上記サンプル背景素材などの入手先◆
学習して、いずれページやテーブルに背景画像を付けたい場合同じ管理人が、素材集をアップしています。
背景素材数だけでも、半端でなくジャンル別総数 約1000点以上を揃えており、なおペ−ジでの文字表示にも留意しています。フリーですから、自由に使用して下さい 使用に際して掲示板かメールでも頂けると作成の励みにもなるので宜しくお願いします。
ふりーなホームページ素材集から
|
|
|
|
|
|
|
|
|
|