段落の背景色を指定する

段落の背景色を指定する

■しかく動作ブラウザ 【 IE:4.0 NN:4.0】 ■しかくCSSバージョン【1】
Internet Explorer Netscape Navigator iCab
3.0x 4.0x 4.5 5.0x 5.5 6.0 2.0x 3.0x 4.x 6.0 2.x
Windows ×ばつ ○しろまる - ○しろまる ○しろまる ○しろまる ×ばつ ×ばつ ○しろまる ○しろまる -
Macintosh ×ばつ ○しろまる ○しろまる ○しろまる - - ×ばつ ×ばつ ○しろまる ○しろまる ○しろまる
UNIX - - - - - - ×ばつ ×ばつ ○しろまる ○しろまる -

ポイント p { background-image:url(bg.gif); }
説 明 段落の背景色を背景画像するにはスタイルの定義でbodyにbackground-image:url(背景画像のURL);のようにします。
サンプル <html> <head> <title>段落の背景画像を指定する</title> </head> <body> <p>段落に背景画像を指定します。<br> 段落ごと個別に指定することも<br> できます。 </p> </div><div class="naked_ctrl"> <form action="/index.cgi/contrast" method="get" name="gate"> <p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="http://www.openspc2.org/reibun/css/paragraph/002/index.html">(-&gt;オリジナル)</a> / <label>アドレス: <input type="text" name="naked_post_url" value="http://www.openspc2.org/reibun/css/paragraph/002/index.html" size="22" /></label> <label>モード: <select name="naked_post_mode"> <option value="default">デフォルト</option> <option value="speech">音声ブラウザ</option> <option value="ruby">ルビ付き</option> <option value="contrast" selected="selected">配色反転</option> <option value="larger-text">文字拡大</option> <option value="mobile">モバイル</option> </select> <input type="submit" value="表示" /> </p> </form> </div> </body> </html>
補足説明 なし

■しかくサンプルを実行する >>実行
■しかく各ブラウザでの動作結果を見る >>View!