ボックスの背景に色を付ける

[新着] Webテンプレートを仮オープンしました


background-color: ***;

ブラウザ
Internet Explorer Netscape Firefox Opera
参考
書式基本 要素名 クラス ID

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


div {
background-color: #ffd78c;
}


background-color 背景の色を指定します

色の指定についてはスタイルシートの色指定をご覧ください。

次のように transparent を指定すると、「透明」を指定したことになります。(デフォルト)

background-color: transparent;

メモ

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


使用例

<html>
<head>
<title>TAG index Webサイト</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>

これをブラウザで見ると次のように表示されます

水色の背景

背景色のテスト。これはオレンジこれは緑



[特集] レンタルサーバー比較 & サーバー選びのチェックポイント

サイト内検索について - ベーシック版