Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在页脚上设置背景img_Html_Css_Background Image - Fatal编程技术网

Html 如何在页脚上设置背景img

Html 如何在页脚上设置背景img,html,css,background-image,Html,Css,Background Image,我希望图片覆盖页面上的所有内容,但但是,底部总是有一条白色的空白带。 我使用了右边距和左边距来覆盖侧面,但是边距底部没有填充底部的空白 标题{ 边缘底部:20px; } h1{ 文本对齐:居中; } 导航{ 文本对齐:居中; } 保险商实验室{ 列表样式类型:无; } 李{ 显示:内联; 右侧填充:5px; 左侧填充:5px; } 李阿{ 颜色:黑色; 文字装饰:无; } #包装纸{ 背景图片:url(rome.jpg); -webkit背景尺寸:100%600px; 背景重复:无重复; 高度

我希望图片覆盖页面上的所有内容,但
但是,底部总是有一条白色的空白带。 我使用了
右边距
左边距
来覆盖侧面,但是
边距底部
没有填充底部的空白

标题{
边缘底部:20px;
}
h1{
文本对齐:居中;
}
导航{
文本对齐:居中;
}
保险商实验室{
列表样式类型:无;
}
李{
显示:内联;
右侧填充:5px;
左侧填充:5px;
}
李阿{
颜色:黑色;
文字装饰:无;
}
#包装纸{
背景图片:url(rome.jpg);
-webkit背景尺寸:100%600px;
背景重复:无重复;
高度:600px;
右边距:-8px;
左边距:-8px;
}

科林·布鲁因
  • |
  • |
  • |
  • |

正文
默认情况下有一些
边距
,这就是为什么您会看到底部空间以及左/右空间(您使用负边距来修复它)

要解决此设置
边距:0
正文
中,左/右不需要负的
边距
s

正文{
保证金:0
}
标题{
边缘底部:20px;
}
h1{
文本对齐:居中;
}
导航{
文本对齐:居中;
}
保险商实验室{
列表样式类型:无;
}
李{
显示:内联;
右侧填充:5px;
左侧填充:5px;
}
李阿{
颜色:黑色;
文字装饰:无;
}
#包装纸{
背景图片:url(//lorempixel.com/1000/1000);
-webkit背景尺寸:100%600px;
背景重复:无重复;
高度:600px;
}

科林·布鲁因
  • |
  • |
  • |
  • |
像这样吗

高度:100%;
保证金:0;
填充:0;
}
标题{
边缘底部:20px;
}
h1{
文本对齐:居中;
}
导航{
文本对齐:居中;
}
保险商实验室{
列表样式类型:无;
}
李{
显示:内联;
右侧填充:5px;
左侧填充:5px;
}
李阿{
颜色:黑色;
文字装饰:无;
}
#包装纸{
背景图片:url(https://placekitten.com/g/1000/1000);
-webkit背景尺寸:100%600px;
背景重复:无重复;
高度:600px;
}

科林的网页
科林·布鲁因
  • |
  • |
  • |
  • |

您的代码没有
页脚
元素(或
页脚
元素)@haxxxton,我看不出这与用户的问题有什么关系。请使用CSS3
背景大小:contain或<代码>背景尺寸:封面用于您的
#包装器
元素。@RuslanAbuzant,但问题是关于“如何在页脚上设置背景img”。。我们不需要一个来设置背景图像吗?你先回答,但我的回答有一只小猫!!:P