Edit in JSFiddle


              
<img src="http://jsrun.it/assets/x/y/1/B/xy1Bw.jpeg" class="sample" >
    
<div id="bg"></div>
<div id="bg-position"></div>
.sample{
    border-radius:50%;
}

#bg{
    width:270px;
    height:270px;
    border-radius:500px;
    background:url("http://jsrun.it/assets/x/y/1/B/xy1Bw.jpeg");
}


#bg-position{
    width:270px;
    height:270px;
    border-radius:500px;
    background-repeat: no-repeat;
    background:url("http://jsrun.it/assets/x/y/1/B/xy1Bw.jpeg");
    background-position: center;
}