如何定位HTML/CSS的背景图像？

我刚刚设计了我的第一个网站原型。我在Figma上设计了它，并选择了桌面布局。 见最终原型

但是当我把背景放在CSS代码上时，它会延伸到屏幕上。 看到截图了吗

那么，我如何调整背景图像的大小，以便获得最终原型上看到的准确背景，从而添加徽标和导航菜单呢 这就是背景

我是CSS的完全初学者。

你试过CSS吗 背景尺寸：封面

请参阅以下链接：

使用下面的代码片段

body，html{
身高：100%；
保证金：0；
}
.横幅{
身高：100%；
背景图像：url（“https://i.stack.imgur.com/s7afd.png"); 
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}

---

如果您显示您正在使用的代码，这会有所帮助，但我猜您正在寻找以下内容：

body {
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover;
}

body，html{
背景图像：url（“https://i.stack.imgur.com/s7afd.png");
/*全高*/
身高：100%；
宽度：100%；
保证金：0；
/*将图像居中并精确缩放*/
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}

这是一个标题
这是一段

向我们展示您尝试的代码！没有看到你的代码，我们只能猜测。请提供一份