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