background-color

背景・装飾

要素の背景色を指定するプロパティです。

構文

Syntax
background-color: <color> | transparent

コード例

1

background-color: #f8fafc;
実行結果

薄いグレーの背景色を設定

2

background-color: rgba(59, 130, 246, 0.1);
実行結果

透明度10%の青い背景色

💡 TIPS

透明度を使うことで、重なった要素との調和を図れる。

関連プロパティ

ブラウザサポート

全ブラウザ対応