Jak na to – obrázky avatarů
Naučte se, jak vytvořit obrázek avatara pomocí CSS.
Jak vytvořit obrázky avatarů
Krok 1) Přidejte HTML:
Příklad
<img src="avatar.png" alt="Avatar" class="avatar">
Krok 2) Přidejte CSS:
Nastavte shodu height
a width
vypadá to dobře a použijte tuto border-radius
vlastnost k přidání zaoblených rohů do obrázku. 50 % udělá obrázek kruhovým:
Příklad
.avatar {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
Přejděte do našeho výukového programu pro obrázky CSS , kde se dozvíte více o tom, jak upravovat obrázky.