Este fragmento de código en CSS nos facilita el trabajo de redondear una imagen en HTML de forma simple, ya que con solo implementarlo en nuestro sitio funciona de maravillas.
<!-- Codigo CSS imagen circular -->
div.avatar {
/* cambia estos dos valores para definir el tamaño de tu círculo */
height: 100px;
width: 100px;
/* los siguientes valores son independientes del tamaño del círculo */
background-repeat: no-repeat;
background-position: 50%;
border-radius: 50%;
background-size: 100% auto;
}
<!-- Fin Codigo CSS imagen circular -->
Con este codigo en HTML se visualiza la imagen en el sitio:
<!-- Codigo HTML imagen circular -->
<div class="avatar" style="background-image: url(COLOCAR-URL-DE-IMAGEN)"></div>}
<!-- Fin Codigo HTML imagen circular -->
Fuente:
http://librosweb.es/foro/pregunta/472/como-redondear-con-css-imagenes-cuadradas-y-rectangulares/
Soporte:
http://adaptacionesweb.blogspot.com/2017/01/como-hacer-imagen-circular-en-html-con-css.html______________
Asesoramiento técnico sobre la planificación, diseño, implementación, mantenimiento, Seo, Email Marketing, Social Media y Marketing de Contenido, que necesita tu sitio web configurado en PaginaWebGratis.
