背景

`background-color` 背景色を塗る

重要度5 / 5

意味

要素の背景を塗る場合に使います。文字色は color です。背景を濃くする場合は、文字色との差が残るかも一緒に見ます。

HTMLとCSSをコピーして、自分のファイルへ貼り付ければ同じ見た目を確認できます。

HTML

<p>背景色が付きます。</p>

CSS

p {
  background-color: #efeef8;
  color: #160076;
  padding: 0.75rem;
}

プレビュー

出典: MDN Web Docs（`@mdn/browser-compat-data`）