title: How to add a colour circular border in HTML CSS
body: <p>I have rounded an image in html/css but now I want to add an border around that image. The only problem is that no border is showing.</p>
  
  <p><strong>Here is my code</strong> HTML</p>
  
  <pre><code>&lt;img src="smiling.png" class = "roundedImage" style =width:20px;height:20px;&gt;
  </code></pre>
  
  <p><strong>Here is the CSS code</strong></p>
  
  <pre><code>.roundedImage {
  
  background-repeat: no-repeat;
  background-size: cover;
  
  border-width: 1px;
  border-color: Black;
  overflow:hidden;
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  border-radius:50px;
  width:90px;
  height:90px;
  
  }
  </code></pre>
  
  <p>The image shows rounded but no colour border.</p>