How To Create Circles With CSS3 and No Images

Thanks to CSS3 it’s now possible to create circles with only code. Look ma, no images! In the following post, I’ll show you how to create full, half and quarter circles using only CSS. Unfortunately, the half and quarter circles only work in Firefox at this time. The trick to creating the circles, is the use of the border-radius selector. Coding a full circle Below are the styles for creating a full circle. »