HOME >> スタイルシート > 背景の色を指定する

point 背景の色を指定する

background-color:
指定できる値
RGB値で指定
#RRBBGGやRGB(n%、n%,n%)など
カラー名
redやblueなど
キーワードで指定
transparent(無色)
システムカラーで指定
背景の色を指定するには、background-colorプロパティを使います。
HTMLでは、ページ全体やテーブルの背景色を指定するには<BODY>タグや<TABLE>タグ中にbgcolor属性を付けて背景色を指定しましたが、このプロパティを使えばページ全体やテーブルだけではなく、さまざまな所に背景色をつけることが出来ます。
例えば、見出しや段落全体に背景色をつけたり、文章の一部分だけに背景色をつけることも出来ます。あと、フォームの入力欄やボタン、リンクされている文字にも背景色をつける事も出来ます。
サンプル - Microsoft Internet Explorer
ホーム(H)メニュー(M)戻る(B)進む(N)

見出しの背景色は、赤色です。

段落の背景色は、緑色です。

青色黄色灰色です

全体の背景色は、オレンジ色になっています。

ソース
<HTML>
<HEAD>
<TITLE>サンプル</TITLE>
<STYLE type="text/css">
<!--
BODY  {background-color:orange;}
H3  {background-color:red;}
P   {background-color:green;}
.no1{background-color:blue;}
.no2{background-color:yellow;}
.no3{background-color:gray;}
-->
</STYLE>
</HEAD>
<BODY>
<H3>見出しの背景色は、赤色です。</H3>
<P>段落の背景色は、緑色です。</P>
<SPAN class="no1">青色</SPAN>
<SPAN class="no2">黄色</SPAN>
<SPAN class="no3">灰色</SPAN>です
<P>
全体の背景色は、オレンジ色になっています。
</P> </BODY> </HTML>
Copyright ©2001〜2011 まさぼ〜 All Right Reserved