Crear círculo con CSS
Crear un círculo mediante CSS y HTML es realmente sencillo.
Lo único que debemos tener en cuenta para crear un círculo con CSS es que el alto y el ancho deben ser el mismo.
El border-radius lo estableceremos en la mitad de lo que mide el ancho o el alto, o sencillamente, le asignamos el 50%.
HTML:
<html>
<div id="circulo"></div>
</html>CSS:
#circulo{
height:100px;
width:100px;
background:#E76AFA;
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px;
}El resultado sería este:
Gracias, perfecto
Básicamente el border-radius debe ser de la mitad del Width o Height de la imagen cuadrada.