How to: Make Circles with CSS3
Creating circles using only CSS3 is fairly easy. You can achieve this by setting the border-radius property to half of the width and height.
.circle {
border-radius: 50%; *note: you can also use 200px here*
width: 400px;
height: 400px;
}
