Html 如何使用背景图像正确定位？

我想为我的h1使用自定义下划线，我决定最好的方法是使用属性：

background image

。 一切都进行得很顺利，直到我需要将背景放在我的

h1

（Ce e asta？）下面

我可以绕X轴移动图像，但当我尝试绕Y轴移动图像时，图像就会消失

这是一个捕获

在互联网上搜索答案，结果一无所获

埃阿斯塔？
2021年，在克里兹河流域的一个最新地点，一家食品加工厂（位于斯伯兰）的一家律师事务所（立法机构）为一家律师事务所<阿尔图亚大学的体育保健中心。在中间传输
在乌莫鲁伊，在发生口角后，我们将继续为他们提供医疗服务

.Title{
利润率：75px；
背景图片：url（“Images/Artboard 1.png”）；
背景大小：100%；
背景位置：-500px；
背景重复：无重复；
}
h1{
字体系列：“开放式sans”，sans-Cambria；
字体大小：37px；
}
p{
字体系列：“开放式sans”，sans-Cambria；
字体大小：24px；
}
.段{
边缘顶部：25px；
}

您需要h1下的背景图像，因此需要在

段落
类中定义
背景图像。这样行得通，试试看


如果我理解正确，您需要在
h1
上设置背景，而不是为所有内容设置背景。在这种情况下，您可以将背景附加到
h1
的底部。显然，为该“边界”获得质量更好的图像会更好


正文{
背景:#中交
}
.头衔{
利润率：75px；
}
h1{
背景图片：url(https://i.stack.imgur.com/mdcx0.png);
背景重复：无重复；
字体系列：“开放式sans”，sans-Cambria；
字体大小：37px；
背景位置：左下；
垫底：35px；
背景尺寸：54%自动；
页边距底部：0；
}
p{
字体系列：“开放式sans”，sans-Cambria；
字体大小：24px；
}
.段{
边缘顶部：25px；
}

埃阿斯塔？
2021年，在克里兹河流域的一个最新地点，一家食品加工厂（位于斯伯兰）的一家律师事务所（立法机构）为一家律师事务所<阿尔图亚大学的体育保健中心。在中间传输
在乌莫鲁伊，在发生口角后，我们将继续为他们提供医疗服务

虽然您想要什么还不清楚，但我尝试编写可能的解决方案。检查答案。如果我的问题不够清楚，很抱歉。我只想把我的背景图像放在我的h1（Ce e asta？）下面，这样它就可以像下划线一样。这就是我要搜索的。不幸的是，即使我将背景图像放在h1下，问题仍然存在。我的形象没有出现。我不知道你是怎么做到的。只有当我将属性置于背景位置：-200px时，背景才会出现，当我尝试写入Y轴时，它突然消失。我猜这是因为我们没有使用相同的图像。您能否创建一个工作代码段、jsbin、JSFIDLE或codepen，并使用您的实际内容和图像？这是代码。这是我使用的图像（你需要点击它来查看完整的图像，或者你可以保存它），你有空吗？我仍然被卡住。您的图像的尺寸为1024X768，不适合
h1
标记。您可以使用css属性，这样它仍将显示图像：。但我建议您调整图像的尺寸，使其适合
h1
。
.Title{
  margin: 75px;
}
.Paragraph {
  margin-top: 25px;
  background-image: url("https://image.shutterstock.com/image-photo/large-beautiful-drops-transparent-rain-260nw-668593321.jpg");
  background-size: 100%;

  background-repeat: no-repeat;
}
h1{
  font-family: "Open sans", sans Cambria;
  font-size: 37px;
}
p{
  font-family: "Open sans", sans Cambria;
  font-size: 24px;    
}