Html 如何删除白色间距？

我正在创建一个反馈表，我想对其产生阴影效果。我正在尝试删除空白，以便我的“顶部”图像看起来更像阴影，而不是在窗体上方悬停。我已经尝试了显示块0，但它仍然不起作用

.container{
背景：#fff；
边框：1px实心#ccc；
保证金：自动；
文本对齐：左对齐；
宽度：700px；
}
.alignCenter{
边缘：1米；
}
h1{
背景色：#dedede；
保证金：0；
最小高度：0；
填充：0；
文字装饰：无；
文本缩进：-8000px；
}
.表格(页边距){
边缘底部：1.5em；
利润上限：3倍；
}
身体{
背景：#ffffff；
字体系列：“Lucida Grande”，Tahoma，Arial，Verdana，无衬线；
字体大小：小；
利润率：8px 0 16px；
文本对齐：居中；
}
.标题{
字体系列：Lucida Grande、Tahoma、Arial、Verdana、无衬线字体；
字体大小：小；
}
.留言{
垂直对齐：顶部！重要；
}
.表格描述{
边框底部：1px点#ccc；
明确：两者皆有；
边缘底部：1米；
}
.头像{
显示：块；
保证金：10px自动0；
}

欢迎来到神秘人网站
灰条
用户反馈表
非常感谢你的建议

名称
电子邮件
反馈

很难猜出您想要的确切样式，因为您的代码样本上没有实际的图像。但是，当前css没有设置间距。底部边距值为0，未定义底部填充。除非图像本身具有某种间距或空格，否则图像和表单标题之间没有空格

是否要将图像直接投射到窗体的标题上

是否希望图像在窗体正上方投射阴影

您能否将我们链接到图片或提供一个样本，以进一步澄清您的问题和帮助请求

编辑：your的问题是，您的图像具有10px的自然高度和770px的自然宽度。在

元素中有一个属性

width=710

，该属性也会影响高度。目前，您的任何规则都没有为其指定高度值。这就是为什么改变利润率没有任何作用。当您有一个

display:block

元素时，您需要同时设置宽度和高度

---

话虽如此，你所需要做的只是给你的

你的图像没有通过，所以很难说你到底在寻找什么，但是有两个元素在它们中间留有边距，在图像应该在的位置上方创造了额外的空白：

body {
   margin: 0 0 16px;
}
.headerImage{
   0 auto;
}

如上图所示，去掉上面的边距将删除空间


编辑：我在headerImage类中添加了绝对位置和21px的顶部。这就是你想要的效果吗

试试这个：
需要在此类中进行更改：
更改前：

变更后：

或者在这里查看：
这里是图像链接，因为我无法将图像添加到上面的回复中
overflow:hidden;
width:710px;

body {
   margin: 0 0 16px;
}
.headerImage{
   0 auto;
}

.headerImage {
  display: block;
  margin: 10px auto 0;
}

.headerImage {
  display: block;
  margin: 10px auto 0;
  position:absolute;
  width: 100%;
}