title: Css/Html : Automatically resizing image which is in a circle
body: <p>I would like to put an image into a circle.</p>
  
  <p>My code works fine, but if the image is so big, image is not resizing and i don't see anything in the circle.</p>
  
  <p>How can i automatically resize the image to put it into my circle ?</p>
  
  <p>Here is the html code :</p>
  
  <pre><code>    &lt;div class="roundedImage" style="background: url(img/desktop/personne.jpg) no-repeat 0px 0px;"&gt;
  &amp;nbsp;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is the CSS code :</p>
  
  <pre><code>.roundedImage {
      overflow:hidden;
      -webkit-border-radius:50px;
      -moz-border-radius:50px;
      border-radius:50px;
      width:90px;
      height:90px;
  }
  </code></pre>
  
  <p>And now, here is the result :</p>
  
  <p><img src="https://i.stack.imgur.com/JtpMI.png" alt="enter image description here"></p>