Kuinka luoda: pyöreät kuvat

Opeta, kuinka luoda pyöreitä kuvia CSS:n avulla.

Avatar Avatar

Kuinka luoda pyöreät kuvat

Ensimmäinen vaihe - Lisää HTML:

<img src="img_avatar.png" alt="Avatar">

Toinen vaihe - Lisää CSS:

Käytä reunaväli Ominaisuus lisää kuville pyöreät kulmat. 50% tekee kuvasta pyöreän:

img {
  reunaväli: 50%;
}

Kokeile itse

Liittyvät sivut

Oppitunnit:CSS kuva