Como criar: imagens arredondadas

Aprenda a criar imagens arredondadas usando CSS.

Avatar Avatar

Como criar imagens arredondadas

Primeiro passo - Adicionar HTML:

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

Segundo passo - Adicionar CSS:

Usar border-radius A propriedade adiciona arredondamentos às imagens. 50% tornará a imagem circular:

img {
  border-radius: 50%;
}

Experimente você mesmo

Páginas relacionadas

Tutorial:Imagem CSS