Hur man skapar: avatarbild

Lär dig hur man skapar avatarbilder med CSS.

Avatar Avatar Avatar Avatar Avatar

Hur man skapar avatarbild

Steg 1 - Lägg till HTML:

<img src="avatar.png" alt="Avatar" class="avatar">

Steg 2 - Lägg till CSS:

för att få en bra matchande height och widthoch använd border-radius Egenskapen lägger till rund kant till bilden.50% Gör bilden rund:

.avatar {
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

Prova själv

Relaterade sidor

Tutorials:CSS-bild