background-color: ***;
ブラウザ |
|
---|---|
プロパティ |
background-color は、背景色を指定するプロパティです。
div {
background-color: #c0c0c0;
}
プロパティ名 | 値 | 説明 |
---|---|---|
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">
div {
background-color: #85b9e9;
color: #000000;
}
.example1 {
background-color: #ffd78c;
color: #c04000;
}
.example2 {
background-color: #bde9ba;
color: #008000;
}
</style>
</head>
<body>
<div>水色の背景</div>
<p>背景色のテスト。<span class="example1">これはオレンジ</span>、<span class="example2">これは緑</span>。</p>
</body>
</html>
- 表示例
-
水色の背景
背景色のテスト。これはオレンジ、これは緑。