css - 如何删除图像周围的边框？

Question

嗨，我正在使用 wordpress，我正在使用图库短代码，但问题是我的图像周围有边框。

我将填充设置为 0，并在 css 中将边框设置为 0，但我的缩略图周围仍然有边框。

这是css ---> https://gist.github.com/mihadaiko/5011743#file-style-css

这是它的样子：

Answer 1

你需要使用css

img { border: none; }

Answer 2

尝试这个

a img { border: 0 none; }

还在 jsfiddle 中添加了您的代码：http: //jsfiddle.net/HkTDK/2/并且图像没有边框，因此它可能是从其他地方继承的。

另一种解决方案是添加：

#gallery-1 a, #gallery-1 img { border:0 none !important; }

如果这不起作用，则意味着边框是背景图像，因此只需在上面的行中添加 background: none !important

Answer 3

非常感谢！如果您使用的是 Elementor，则非常适合 Wordpress。如果您使用多个画廊（1,2，...，n），您需要添加到您的自定义 CSS：

#gallery-1 a, #gallery-1 img { border:0 none !important; }
#gallery-2 a, #gallery-2 img { border:0 none !important; }
...
#gallery-n a, #gallery-n img { border:0 none !important; }

等等。