Making a div become a circle

To make a div become a circle use the following CSS code-snippet.

On the HTML document:

<div id="pub-profile-photo"></div>

On the CSS document:


#pub-profile-photo{
 width: 130px;
 height: 130px;
 -webkit-border-radius: 999px;
 -moz-border-radius: 999px;
 border-radius: 999px;
 behavior: url(PIE.htc);

/* if you want background image to fill */
 background-image: url('juliep.jpg');
 background-size: cover;
}

Before applying the CSS above
Squared Div

After applying the CSS above.

Circled Div

Play with the code here


Posted on: December 9th, 2013 by Stephani

Leave a Reply