今回は７０回目です。
テーブルを使わないで背景画像を表示させます。
テーブルを使わないで背景画像を表示させます。
テーブルを使わないで背景画像を入れる
| 今回の効果は、テーブルを使わないで背景画像を部分的に表示させるというものです。 表示させたい部分を＜ｐ＞タグや＜ｓｐａｎ＞タグで囲んでその範囲にだけ画像が背景として表示されます。 JavaScriptを使わずに簡単にできるので手軽に使えるのではないでしょうか？ 今月も少しだけこの実験にお付き合い下さい。 |
 |
ポイント | 背景画像を表示させたい行を＜ｐ＞タグで囲みます。 ＜ｐ＞タグの中に style="background-image:url('free18.gif');" と、画像の指定をスタイルシートで書きます。free18.gif が画像のファイル名です。ここの部分を背景として使いたい画像の名前に変えて下さい。 行ではなく、もっと細かく部分的に指定したい場合は、＜ｓｐａｎ＞タグで、背景を表示させたい部分を囲みます。 |
|---|---|---|
 |
効果 | ＜ｐ＞タグや＜ｓｐａｎ＞タグで囲んだ部分に、指定した画像が背景として表示されます。 |
 |
使い方 | 実際の実験画面のソースをご覧下さい。 |
今回の実験でわかったこと
| この効果はＩＥの６.０と、ネットスケープの７.０で確認しています。 Ｍａｃは確認していません。 タグではさむだけでいいので、簡単にできるのではないでしょうか？ ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)
|
