How to create a CSS circle with border-radius

With the CSS3 property border-radius we can create perfect circles.

Basically set border-radius to 50% and then a width and height.

I’ve added some extra styles to make it look prettier 😉

Use the .circle class to any element:


This is a CSS circle


No comments yet, leave yours!

Leave a Reply

Add <code> Some Code </code> by using this tags.