Własność CSS background-color

Własność CSS background-color ustawia kolor tła elementu. Warstwa tego koloru znajduje się pod obrazem tła, jeśli ten jest zdefiniowany, więc jest niewidoczna, gdy obraz ustawiony w tle nie ma obszarów przezroczystości i pokrywa całe tło.

Warstwa koloru tła elementu jest obcinana zgodnie z ustawieniem własności background-clip odnoszącym się do obrazu tła położonym najbliżej niej.

Przykład

W poniższym przykładzie element div będzie miał różowy kolor tła:

div {
  background-color: lightpink;
  border: 1px solid black;
  width: 300px;
  height: 150px;
}

Efekt:

Wartości i składnia

Własność background-color przyjmuje jedną wartość, którą może być dowolny typ wartości koloru obsługiwany przez CSS.

Zastosowanie

Własność CSS background-color ma zastosowanie do wszystkich elementów HTML.

Podsumowanie