css 图片把边框遮住了

最近，在我的网站上似乎出现了一些奇怪的问题。当我添加图片时，它们的边框总是被遮住了，导致图像看起来有些奇怪。

img {
  border: none;
  Box-shadow: 0px 0px 0px 2px black;
}

在我的 CSS 代码中，我使用了一个常见的技巧，即为图像添加一个阴影作为边框。但阴影太宽了，完全遮住了图像的实际边框。

想要解决这个问题，最简单的方法是通过设置 Box-shadow 的参数来尝试将阴影尽可能缩小。这里我们可以设置阴影的第四个参数来控制其扩散程度。在原始的代码中，第四个参数为2px，这导致阴影扩散了太多，以至于完全遮盖了图像的实际边框。

img {
  border: none;
  Box-shadow: 0px 0px 0px 1px black;
}

通过将第四个参数设置为1px，阴影的扩散就变小了，但它仍然足以作为图像的边框。

这里的教训是，常见的 CSS 技巧可能并不总是正确的。我们需要小心地检查所有属性的值，以确保不会引入任何奇怪的行为。