How to Make Circle in CSS

16 June 2013

CSS Tricks, WebMasters

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
, , , , ,

No comments yet.

Leave a Reply

*