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

Leave a Reply


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