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.
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
Post a Comment