图像自动给定边框？答案

【问题标题】：Image automatically given a border?图像自动给定边框？
【发布时间】：2014-05-17 23:33:30
【问题描述】：

我有一张背景透明的图片。当我第一次将图像插入页面时，它看起来非常好，只是它太大了。我给了它 50% 的高度，并以更亮的颜色勾勒出轮廓。图像本身没有轮廓，只是不透明的区域。

在图片中，网站的背景应该是灰色的。绿色以更亮的绿色勾勒出来。

这是 HTML： img src="http://i.imgur.com/kA9UjKe.png" style="float:right; height:50%;"

【问题讨论】：

你能发一张图片说明哪里出了问题吗？
这就是图像本身。你能张贴一张有什么问题的图片吗？如果您为您的页面发布 CSS 也会很有帮助。
你想让图片的背景是灰色的吗？
是的，背景是灰色的。如果您查看图像，绿色的边框更亮。原始图像看起来不像那样。当我添加尺寸属性（例如宽度或高度）时，它会添加较亮的边缘。没有 CSS。
@GarrettSadFace 我怀疑这与调整图像大小时颜色的压缩方式有关。不要以为你可以用 css 或 html 做任何事情。我建议在上传到服务器之前调整图像大小。这样你就知道你会得到什么 + 你节省了带宽（如果图像在代码中被缩小，ofc）。

【解决方案1】：

尝试在 css 中给出确切的大小，而不是基于百分比的大小。同时添加以下css

img, img a {border:none}

【讨论】：

【解决方案2】：

您可以使用以下代码进行通用 CSS 重置：

* {
   margin: 0;
   padding: 0;
   border: 0;
}

但我认为最好的办法是使用 this CSS 重置

【讨论】：