`background-color` în CSS

Setează culoarea solidă sau semi-transparentă a fundalului unui element.

Sintaxă CSS

background-color: #f8fafc;
background-color: transparent;
background-color: rgba(0, 0, 0, 0.5);

Ce face `background-color`

background-color colorează întreaga suprafață a unui element (inclusiv zona definită de padding, dar sub border).

Valoarea implicită este transparent, ceea ce înseamnă că elementul lasă să se vadă fundalul elementului părinte de sub el.

Valoare	Descriere
`culoare`	Orice valoare validă de culoare (hex, rgb, hsl, oklch).
`transparent`	Fundal invizibil fără culoare proprie (implicit).

Culorile de fundal moi îmbunătățesc lizibilitatea mesajelor de stare.

.alerta-succes {
  background-color: #ecfdf5;
  color: #065f46;
  padding: 12px 16px;
  border-radius: 6px;
}

Efect vizual în browser

O casetă dreptunghiulară cu fundal verde-mentă foarte deschis și text verde-închis contrastant.

Schimbarea culorii de fundal fără a ajusta și culoarea textului (color); de exemplu, un fundal întunecat cu textul implicit negru devine complet ilizibil.

background-image (gradient liniar și radial): Aplică una sau mai multe imagini sau degradeuri de culoare (gradiente) pe fundalul unui element.
color: Setează culoarea textului și a elementelor decorative asociate (sublinieri, borduri implicite).
opacity: Setează gradul de transparență al unui element întreg, inclusiv al tuturor copiilor săi.