Html主体内部的角度组件_Html_Css

Html主体内部的角度组件

html css

Html主体内部的角度组件,html,css,Html,Css,我是个新手，如果这有点傻的话，请容忍我我试图添加一个标签内的角度主要组成部分，有背景图像。但这张图片并没有覆盖整个页面。它在上面省去了一些空间，即浏览器地址栏和图像之间的空间这是我的app.component.html <body class="landing-bg-image" style="padding-bottom: 300px;"> </body> Stackblitz网址：截图：尝试使用bowser inspect element工具检查bodyh

我是个新手，如果这有点傻的话，请容忍我

我试图添加一个标签内的角度主要组成部分，有背景图像。但这张图片并没有覆盖整个页面。它在上面省去了一些空间，即浏览器地址栏和图像之间的空间

这是我的app.component.html

<body class="landing-bg-image" style="padding-bottom: 300px;">
</body>

Stackblitz网址：

截图：

尝试使用bowser inspect element工具检查bodyhtml元素。并尝试查找主体的填充样式属性。并更新填充属性，如下所述：

填充：0px重要

多亏了@JunKang

将

body

移动到index.html文件（边距为零）并在body中添加组件（具有带背景的div）解决了问题

STACKBLITURL:

可能是因为<代码> /COD>有8px的默认余量。请考虑提供一个可能的…普朗克，西德？这样的话，志愿者们就更有可能帮助你们了。嗨@JunKang，应用边际：0px！重要的；但还是不走运。我看过你的闪电战。不要将

边距：0

放在应用程序组件css中。将其放入style.css文件中，如下所示：

body{margin:0；}

您正在应用程序组件内放置一个

标记，该标记是您在app.component.css中使用css更改的标记。您可能应该将应用程序组件中的

标记改为div。谢谢@JunKang，这是我的错误。

p {
  font-family: Lato;
}

.landing-bg-image {
    background-size: auto 100vh;
    background: #0a1215 url(../images/back-image.jpg) no-repeat;
    background-origin: content-box;
}