Como fazer - Imagens arredondadas
Aprenda a criar imagens arredondadas e circulares com CSS.
Como criar imagens arredondadas
Etapa 1) Adicionar HTML:
Exemplo
<img src="img_avatar.png" alt="Avatar">
Etapa 2) Adicionar CSS:
Use a border-radius
propriedade para adicionar cantos arredondados a uma imagem. 50% tornará a imagem circular:
Exemplo
img {
border-radius: 50%;
}
Acesse nosso Tutorial de imagens CSS para saber mais sobre como estilizar imagens.