Właściwość background-color w CSS

Właściwość background-color w CSS

background-color to właściwość CSS służąca do ustawiania koloru tła elementu HTML. Można ją zastosować do wielu elementów, np. body, div, section, p, button czy nagłówków.

Składnia

selektor {
  background-color: wartość;
}

Przykład:

body {
  background-color: lightgray;
}

.box {
  background-color: #ffcc00;
}

Wartością może być m.in.:
- nazwa koloru, np. red, blue, white,
- zapis HEX, np. #ffffff, #000000,
- zapis RGB, np. rgb(255, 0, 0),
- zapis RGBA z przezroczystością, np. rgba(0, 0, 0, 0.5),
- zapis HSL, np. hsl(200, 100%, 50%).

Różnica między background-color a color

Właściwość background-color ustawia kolor tła, natomiast color ustawia kolor tekstu.

p {
  color: white;
  background-color: black;
}

W tym przykładzie tekst będzie biały, a jego tło czarne.

Częsty błąd egzaminacyjny

bgcolor nie jest właściwością CSS. To dawny atrybut HTML, obecnie niewskazany w nowoczesnym kodzie. Poprawnym sposobem formatowania tła jest użycie CSS, czyli background-color.