How to Make Circle in CSS

If you want to make a round box (a div element) like a circle in your website or page, you can do this with CSS “border-radius” property.

How to Create Round Box Using CSS:

You can draw a circle by using the following CSS code.

#element {

/*Setting Width and Height*/
width: 100px;
height: 100px;

/*Making Box Round*/
border-radius: 100px;

/*Border-Radius should must be equal to width and height*/


Example CSS Circle:

This Is A Round Box

One thought on “How to Make Circle in CSS

  • 5 October 2018 at 22:46

    Thank you for the auspicious writeup. It in fact was a
    amusement account it. Look advanced to far added agreeable from you!

    By the way, how can we communicate?


Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.