文章の背景画像を指定する
文章の背景に、画像を指定することができます。
<タグ名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 をサポートしていない場合に、代わりに表示されます。
