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
Previous Entries Ufone Call Packages Next Entries How to Make Image Large on Mouseover

One thought on “How to Make Circle in CSS

  1. 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