W tego typu zadaniu nie liczy się "ogólne podobieństwo", tylko zgodność konkretnych właściwości CSS z wyglądem elementu na ilustracji. Styl CSS przycisku zwykle definiuje kilka grup parametrów, które dają rozpoznawalny efekt:
- Tło i kolor tekstu (np. jednolite wypełnienie, brak wypełnienia, kontrast napisu).
- Obramowanie (czy jest widoczne, jaka ma grubość i czy wygląda jak klasyczny border czy raczej obrys/outline).
- Kształt (np. ostre rogi vs. zaokrąglenie z border-radius).
- Wymiary optyczne (głównie padding i line-height, które wpływają na "wysokość" i "szerokość" przycisku).
- Efekty dodatkowe (np. box-shadow, zmiany w stanie :hover lub :focus).
Odpowiedź "Przycisk 2" jest właściwa, bo jako jedyna zachowuje jednocześnie zestaw cech widocznych na ilustracji, odpowiadających temu stylowi CSS. Pozostałe propozycje odpadają typowo z powodu niezgodności w co najmniej jednym kluczowym detalu: innego rodzaju wypełnienia, innej grubości/obecności obramowania, innego stopnia zaokrąglenia rogów albo innych odstępów wewnętrznych.
Wskazówka egzaminacyjna: porównuj przyciski "warstwami". Najpierw sprawdź tło i obramowanie, potem rogi, następnie padding/wymiary, a na końcu cienie i stany interakcji. To ogranicza ryzyko wyboru na podstawie pierwszego wrażenia.
