TOPページ >  文章を修飾する(背景色、画像、枠など...) > 文章の背景色を指定する

文章の背景色を指定する

HTML言語を使用して表示している ホームページやブログなどのウェブサイトでは、ブロックタグやインラインタグで括られた文章などの領域に、部分的に 背景色を指定することができます。

<タグ名 style="background-color:色番号または色名称">背景色を指定する文字</タグ名>
  1. タグ名:P、DIV および SPAN タグなどが一般的ですが、ほとんどのブロックタグおよびインラインタグが使用できます。
  2. 色番号または色名称:色は、『 #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>

上記ソースをブログの投稿欄にそのまま入力すると、こんなふうに表示されます。

文字の背景色を、 ライム色に指定します。 黄色に指定します
この段落は、背景色を#FFA500(オレンジ色)に指定します。
タグ名にブロックタグを使用した場合、文字が表示されている
部分を囲む四角形の範囲に背景色が適用されます。

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
フィールド指定して文章を枠で囲む
文字や文章、画像の行揃えを指定する
文章や文字、画像を囲む枠の太さ、色、種類をまとめて指定する
文章や文字、画像を囲む枠の種類を指定する
文字や文章、画像を囲む枠の色を指定する
文章や文字、画像を枠で囲む
マージンとパディングの違い
余白を入れる(パディング)
余白を入れる(マージン)
改行する/改行を禁止する
文章の背景色、背景画像、配置方法をまとめて指定する
文字や文章、テーブルなどの背景画像の位置を指定する
文章の背景に画像を固定表示する
文章の背景に指定した画像を繰返し表示する
段落文章の横幅を指定する
文章の行間隔を指定する
文章の背景画像を指定する
文章の背景色を指定する
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス