1. Home
  2. スタイルシート CSS
  3. ページ全般
  4. ページの背景色を指定する

ページの背景色を指定する


background-color: ***;


background-color は、背景色を指定するプロパティです。

このプロパティをbody要素に対して設定すると、文書全体の背景色を指定することができます。



body {
background-color: #ffffff;
}


プロパティ名 説明
background-color 背景色を指定 (初期値は transparent

色の指定については、CSSの色指定をご覧ください。

次のように transparent を指定すると、「透明」を指定したことになります。

background-color: transparent;

メモ

背景色を指定する場合は、文字色も同時に指定しておくようにします(背景色だけを指定すると、ユーザーの環境によっては文字が見づらくなってしまうため)。指定方法の詳細は「関連ページ」をご覧ください。


使用例


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文書のタイトル</title>

<style type="text/css">

body {
background-color: #cae4ff;
color: #000000;
}

</style>

</head>
<body>



</body>
</html>

表示例


ページ全般

ページの先頭へ