Cómo - Imágenes redondeadas
Aprende a crear imágenes redondeadas y circulares con CSS.
Cómo crear imágenes redondeadas
Paso 1) Agregar HTML:
Ejemplo
<img src="img_avatar.png" alt="Avatar">
Paso 2) Agregar CSS:
Use la border-radius
propiedad para agregar esquinas redondeadas a una imagen. 50% hará que la imagen sea circular:
Ejemplo
img {
border-radius: 50%;
}
Vaya a nuestro tutorial de imágenes CSS para obtener más información sobre cómo diseñar imágenes.