HTML i CSS · Junior · Pytanie 69 z 75

Jak zrobić z kwadratowego awatara koło?

✓Poprawna odpowiedź: border-radius: 50% (z object-fit: cover, by uniknąć zniekształceń)
2shape: circle
3border-radius: 100px działa tylko dla kół

Wyjaśnienie

50% szerokości i wysokości zamienia kwadrat w koło, a prostokąt w elipsę. object-fit: cover przycina niekwadratowe zdjęcia zamiast je spłaszczać.

Do poczytania

Sprawdź się

Rozwiąż test HTML i CSS · Junior: pytania i odpowiedzi są tasowane, a na końcu czeka przegląd błędów.

Rozwiąż ten test