Jak utworzyć: obraz awatara
- Poprzednia strona Obraz zaokrąglony
- Następna strona Responsywne obrazy
Naucz się, jak używać CSS do tworzenia obrazów awatarów.
Jak utworzyć obraz awatara
Krok 1 - Dodaj HTML:
<img src="avatara.png" alt="Avatar" class="avatara">
Krok 2 - Dodaj CSS:
ustawia, aby wyglądały dobrze wysokość i szerokość, i używając promień zaokrąglenia właściwość dodaje zaokrąglenia krawędzi obrazu.50% spowoduje, że obraz będzie okrągły:
.avatara {
wyrównanie pionowe: środek;
szerokość: 50px;
wysokość: 50px;
promień zaokrąglenia: 50%;
}
Strony związane
Tutorial:CSS obraz
- Poprzednia strona Obraz zaokrąglony
- Następna strona Responsywne obrazy
