How to make a circular image in css

Question

I\'m very new to this sort of thing but this is my issue. I\'ve looked through a couple of questions and it makes sense with how to make it circular but the image which is m

Answer 1

You have to set the border-radius to the img itself, not to the containing div. As you know images are square or rectangular and putting them inside something circle will of course cut off the boundaries.

img { 
    border-radius: 50%; 
    width: 100px;
    height: 100px;
}

Here is the fiddle: http://jsfiddle.net/LLo1u3Ld/2/