在锚定图像中使用边界半径时出现混乱

Question

所以我将img标签与自身的链接锚定，然后在css中编码了以下代码

a{
      border-color: white;
      border-width: 2px;
      border-radius: 50%;
      border-style: solid; 
  }

，结果很奇怪，因为边界仅在图像的底部，而在上部，右侧和左侧没有边界。在图片的左上角附近还有一个小的白色椭圆形，如果我在使用图片标签（例如，

img{
      border-color: white;
      border-width: 2px;
      border-radius: 50%;
      border-style: solid; 
  }

一切都很完美，边界也很完美 顺便说一下，这是html img代码

<a href="a45.jpg">

                <img width= 800px src="a45.jpg" alt="alternative for image" >

        </a>

我不是代码专家，因此请以最简单的方式进行解释 enter image description here

Answer 1

如评论中所述，也删除中心标签

.a <-此引用类名a

您可能要选择所有锚元素

a{

}

与img相同，删除点