ページ全体の背景色を付ける

background-color

ページの背景色をつけます。背景（バックグラウンド）に色をつけるには、
background-colorプロパティを使います。
ページ全体に背景色をつけるので、セレクタには <body> 要素を指定します。
ここでは、ページ全体の背景色を「薄い赤色」にします。

文字の色を指定したページの背景色を指定します。


（画面クリックでWEB上のサイズを見てください。）


上のページに背景色を指定します。

<html>
<head>
<title>スタイルシート覚書</title>

<style type="text/css">
<!--
body {
　　margin-left:15%;
　　margin-right:15%;
　　background-color:#ffcccc;
}
h1 {
　　font-size:42px;
}
h2 {
　　font-size:20px;
}
p {
　　font-size:16px;
}
-->
</style>

</head>
<body>
・・・・・・・・以下略・・・・・・・・


（画面クリックでWEB上のサイズを見てください。）

背景色を指定するプロパティ
background-color：色名　または　＃カラーコード；
background-color プロパティは、背景色を指定するプロパティです。
ここでは、セレクタに <body> を指定したので、ページ全体の背景色が変わります。
色は、色名やカラーコードで指定します。