Crear círculo con CSS

Programador

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:

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


+ 13 = 14