Kuinka luoda: avatar-kuvat

Opit, miten luoda avatar-kuvia CSS:n avulla.

Avatar Avatar Avatar Avatar Avatar

Kuinka luoda avatar-kuvat

Ensimmäinen vaihe - Lisää HTML:

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

Toinen vaihe - Lisää CSS:

asettaa näyttämään hyvän yhdistelmän korkeus ja leveysja käytä reunukulma ominaisuus lisää kuvalle pyöreät kulmat.50% tekee kuvasta pyöreän:

.avatar {
  pystysuuntavali: keskelle;
  leveys: 50px;
  korkeus: 50px;
  reunukulma: 50%;
}

Kokeile itse

Liittyvät sivut

Oppitunnit:CSS kuva