background-color: 背景色を設定する
background-color: 値;
プロパティ仕様
値 | 説明 |
---|---|
色(カラーコードまたはカラーネーム) | カラーコード #ccc カラーネーム red、grayなど |
transparent | (透過) 何も指定しない場合はこれが初期値。 |
サンプル1 ー 文字列に背景色をつける ー
sample css ↓
.sample_1 {background-color:#ffefd5;}
html ↓
<html>
<body>
<p class="sample_1">文字に背景色をつけてみます。</p>
</body>
</html>
実際の見え方 ↓
文字に背景色をつけてみます。
サンプル2 ー 要素やクラス名・ID名の背景色指定 ー
sampleというクラス名の背景色に #cccc99を指定
サンプル1と区別するために、heightを指定します。
sample css ↓
.sample {background-color: #cccc99;
height:100px;}
html ↓
<html>
<body>
<div class="sample">文字に背景色をつけてみます。</div>
</body>
</html>
実際の見え方 ↓
文字に背景色をつけてみます。