带图像的HTML / CSS边距问题

Question

我正在尝试将HTML / CSS中的图像边距设为0px但是当我使用时

body {
margin: 0px;
}

它会影响整个身体（图像和文字）。这是预期的。所以我想，我只会用一堂课。我试过这个：

CSS：

.class-name {
margin: 0px;
}

HTML：

<img class="class-name" src="path/to/file.png">

现在它只是忽略了我有余量的事实......任何修复？提前谢谢！

Answer 1

在你的情况下设置保证金：0px;在你的形象上根本没有帮助你。你的图像在第一种情况下有边距的原因是因为body元素的默认边距（据我所知）为8px。

要删除您的保证金，您必须删除您的身体边缘，如下所示：

body {
margin:0px;
(or margin-left:0px; margin-right:0px etc)
}

或者将图像的边距设置为负值。

.class-name {
margin: -8px;
}