Jak to zrobić — obrazy awatara
Dowiedz się, jak stworzyć obraz awatara za pomocą CSS.
Jak tworzyć obrazy awatara
Krok 1) Dodaj kod HTML:
Przykład
<img src="avatar.png" alt="Avatar" class="avatar">
Krok 2) Dodaj CSS:
Ustaw dopasowanie height
, width
które wygląda dobrze, i użyj border-radius
właściwości, aby dodać zaokrąglone rogi do obrazu. 50% sprawi, że obraz będzie okrągły:
Przykład
.avatar {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
Przejdź do naszego samouczka dotyczącego obrazów CSS , aby dowiedzieć się więcej o stylizacji obrazów.