文章の背景画像を指定する
文章の背景に、画像を指定することができます。
<タグ名style="background-image:url(背景画像URL)">背景色を指定する文章</タグ名>
- タグ名：
<p>や<div>、<span>などが一般的ですが、他にも下記のタグが使用できます。
■ブロックタグ body｜ address｜ blockquote｜ div｜ dir｜ dl｜ form｜ h1～h6｜ menu｜ ol｜ p｜ pre｜ plaintext｜ table｜ ul｜ xmp
■インラインタグ a｜ b｜ big｜ blink｜ cite｜ code｜ em｜ font｜ i｜ input｜ kbd｜ s｜ samp｜ small｜ span｜ strike｜ strong｜ sub｜ sup｜ td｜ textarea｜ tt｜ u｜ var - 背景画像URL：背景画像URLを相対パスまたは絶対パスで指定します。URLは、'（シングルクォート）または ”（ダブルクォート）で括っても構いません。
サンプルソースです。
背景画像の指定<br>
インラインタグを使えば、
<span style=background-image:url(sample/bgimg.jpg)">部分的に背景画像を指定することが
できます。<br>この場合、InternetExplorer では文字のある部分だけに、<br>
Netscape の場合、文字を囲む最小の四角形に背景画像が<br>
表示されます。</span>
<div style="background-image:url(sample/bgimg.jpg)">
段落タグなどのブロックタグの場合、InternetExploreでは
背景画像が表示可能最大幅いっぱいに表示されますが、
Netscape では、文字を囲む最小の四角形に背景画像が適用されます。
</div>
このソースを表示すると、次のようになります。
|
背景画像の指定 インラインタグを使えば、 部分的に背景画像を指定することが できます。 この場合、InternetExplorer では文字のある部分だけに、 Netscape の場合、文字を囲む最小の四角形に背景画像が 表示されます。
段落タグなどのブロックタグの場合、InternetExploreでは
背景画像が表示可能最大幅いっぱいに表示されますが、
Netscape では、文字を囲む最小の四角形に背景画像が適用されます。
|
背景画像を指定する際には、background-image をサポートしていないブラウザでも見映えを損なわないように、同時に近似色の背景色を指定しておくと良いでしょう。background-image をサポートしていない場合に、代わりに表示されます。
