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

Question

您好我正在使用wordpress，而我正在使用图库短信，但问题是我的图片周围有边框。

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

这是css ---＆gt; 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; }

如果这不起作用，则表示边框是背景图片，所以只需添加背景：无！对上面的行也很重要

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; }

以此类推。