Question

我有<div>，其中包含如下背景图片：

<div style="
  background: url('file://D:/DwyaneJohnsonBaller.jpg');
  width:100%; 
  height:1200px; 
  background-size: 100%;">
</div>

我也尝试用CSS格式制作<div/>的样式。

我面临的问题是，当我显示HTML文件时，我发现从顶部，右侧，左侧和底部有一些白色间距（即不适合整个网页）。

Answer 1

要使背景覆盖所有元素，您应将background-size指定为cover。

Answer 2

我听起来好像你需要从身体中移除默认边距

body {
    margin: 0;
}

尝试查看“CSS重置”。有几个，只是谷歌那个词。

Answer 3

使用 - 保证金：0;

您可以通过将以下代码添加到html文件的 head 部分来解决此问题：

<style>
  body{
  margin:0;
  }
</style>

如果没有此浏览器，则会在所有方面显示带有空格的内容。

Answer 4

在CSS文件中，您可以输入以下代码行以确保获得正确的图像，还可以修改图像的大小以删除您遇到的白线

body 
{
  background-image:url("otherimages/background.jpg");
  background-size:105%;
}

此外，因为＆＃34;背景大小＆＃34;在那里，你不需要有宽度和高度＆＃34;参数。您可以对此进行试验，以确保它适用于您自己的项目

Answer 5

body{
 margin: 0;
 padding: 0;
}