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

background-color:

指定できる値
RGB値で指定
#RRBBGGやRGB(n%、n%,n%)など
カラー名
redやblueなど
キーワードで指定
transparent(無色)
システムカラーで指定

背景の色を指定するには、background-colorプロパティを使います。

HTMLでは、ページ全体やテーブルの背景色を指定するには<body>タグや<table>タグ中にbgcolor属性を付けて背景色を指定しましたが、このプロパティを使えばページ全体やテーブルだけではなく、さまざまな所に背景色をつけることが出来ます。

例えば、見出しや段落全体に背景色をつけたり、文章の一部分だけに背景色をつけることも出来ます。あと、フォームの入力欄やボタン、リンクされている文字にも背景色をつける事も出来ますよ。

サンプル - Microsoft Internet Explorer

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

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

青色黄色灰色です

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

HTML&CSS
<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>
 

スポンサード・リンク