Crear círculo con CSS

Programador

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:

 

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:

1 comentario

Gracias, perfecto
Básicamente el border-radius debe ser de la mitad del Width o Height de la imagen cuadrada.

Escribe una respuesta


73 − 65 =