W CSS wygląd elementu opisuje się regułą złożoną z selektora (np. div) oraz deklaracji wewnątrz nawiasów klamrowych. Aby ustawić kolor tła (czyli wypełnienie obszaru elementu w modelu pudełkowym), stosuje się właściwość background-color.
Dlatego poprawny zapis to: div {background-color: blue;}. Wartość blue jest nazwą koloru; w praktyce można też używać innych formatów (np. zapisów heksadecymalnych lub RGB), ale nie jest to potrzebne w tym pytaniu.
Dlaczego pozostałe odpowiedzi są błędne?
- div {border-color: blue;} – ustawia kolor obramowania (border), a nie tła. Co więcej, bez ustawienia stylu i szerokości obramowania efekt może być niewidoczny.
- div {shadow: blue;} – w standardowym CSS nie ma ogólnej właściwości shadow do cienia elementu; przez to przeglądarka zignoruje taką deklarację.
- div {color: blue;} – właściwość color dotyczy przede wszystkim koloru tekstu (i elementów dziedziczących), nie tła bloku.
Na egzaminie warto zapamiętać rozróżnienie: background-* odpowiada za tło, border-* za obramowanie, a color za tekst. To pozwala szybko wyeliminować odpowiedzi, które "zmieniają kolor", ale nie ten, o który pyta zadanie.
