html - Gap between border and image when border radius is added -


I have a limit radius of 50% and a 3px limit around it. My problem occurs when the border radius is given, there is a 1px difference between the image and the boundary.

The problem is displayed in the image below.

Enter image details here

And I'm using Am css,

  img {boundary: 3px solid # 4cb7ac; Height: 46px; Width: 46px; Border-Radius: 50%; }  

Note

  • The image size is 46px x 46px
  • And to get the image of & lt ; Img & gt; I'm not allowed to set it as a background image.
  • The solution should be compatible with all browsers. Even IE8

Is there any way to overcome that difference?

Edit

Just type your border color to background color < Add / code> and it's okay.

View


Comments

Popular posts from this blog

python - Writing Greek in matplotlib labels, titles -

c# - LINQ to Entities does not recognize the method 'Int32 IndexOf(System.String, System.StringComparison)' method -

Pygame memory leak with transform.flip -