文章の背景色を指定する
HTML言語を使用して表示している ホームページやブログなどのウェブサイトでは、ブロックタグやインラインタグで括られた文章などの領域に、部分的に 背景色を指定することができます。
<タグ名 style="background-color:色番号または色名称">背景色を指定する文字</タグ名>
- タグ名：P、DIV および SPAN タグなどが一般的ですが、ほとんどのブロックタグおよびインラインタグが使用できます。
- 色番号または色名称：色は、『 #008000 』などの、16進数表記または色名称で指定します。 HTML4.0で定義されているWEB基本カラー16色以外では、ブラウザによっては近似色に統合されて表示される場合もあります。またこの場合、16進数表記のほうが安全です。
サンプルソースです。
文字の背景色を、
<span style="background-color:lime">ライム色に指定します。</span>
<span style="background-color:yellow">黄色に指定します</span>
<div style="background-color:#FFA500">この段落は、背景色を＃FFA500（オレンジ色）に指定します。
タグ名にブロックタグを使用した場合、文字が表示されている部分を囲む四角形の 範囲に背景色が適用されます。</div>
<span style="background-color:lime">ライム色に指定します。</span>
<span style="background-color:yellow">黄色に指定します</span>
<div style="background-color:#FFA500">この段落は、背景色を＃FFA500（オレンジ色）に指定します。
タグ名にブロックタグを使用した場合、文字が表示されている部分を囲む四角形の 範囲に背景色が適用されます。</div>
上記ソースをブログの投稿欄にそのまま入力すると、こんなふうに表示されます。
文字の背景色を、 ライム色に指定します。
黄色に指定します
この段落は、背景色を＃FFA500（オレンジ色）に指定します。
タグ名にブロックタグを使用した場合、文字が表示されている
部分を囲む四角形の範囲に背景色が適用されます。
タグ名にブロックタグを使用した場合、文字が表示されている
部分を囲む四角形の範囲に背景色が適用されます。
ランキングに参加中です! お役に立てたらクリックをお願いします→
同一カテゴリ内一覧
コンピュータとインターネット > データ形式 > HTML > リファレンス