css背景图在底部，css背景图在底部还是顶部

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

网页背景图片短,到不了网页底部,底部差一截,怎么用css控制?

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：img {position： absolute；bottom： 80px；z-index： -1；}。

在index.html中的标签中，输入css代码：body {text-align： center；background： url(smallpng)； background-size： 60%；} 浏览器运行index.html页面，此时成功通过css控制了div居中显示，背景图片的大小为60%。

加个CSS就可以了 fixed表示指定的背景是永远固定的，即：背景图片不随着网页的滚动而滚动。通过此元素设置出的网页效果在当今受到很多网络高手垂青。

可以看到如下图所示的执行效果图，图片出现的位置在上方的右边了。

浏览器运行index.html页面，此时成功通过css控制了图片居中显示。网页中如何用HTML/CSS实现文字居中于图片？前端用到的编辑器有很多，本例通过选择SublimeText3编辑器来实现文字居中图片的制作。

相关问答

Q1: css中两张背景图片分别置顶和置底该怎样编辑?

可以实现，但是两张一起有点困难。你可以使用div分开，然后分别定义div的背景。

css这样设置：.top_bg{ background：url(images/top.jpg) no-repeat top 0；} .bottom_bg{ background：url(images/bottom.jpg) no-repeat bottom 0；} 0也可以写成left，背景还可以重复，repeat-x，repeat-y，x轴y轴。

在index.html中的标签中，新增样式代码：background-image：url(image.jpg)；background-size：100%。浏览器运行index.html页面，此时body的背景图片整个覆盖了页面，没有白框。

Q2: 在网页中插入两个背景图片,一个在顶端,一个在底端,如果做到呢?_百度...

1、css这样设置：.top_bg{ background：url(images/top.jpg) no-repeat top 0；} .bottom_bg{ background：url(images/bottom.jpg) no-repeat bottom 0；} 0也可以写成left，背景还可以重复，repeat-x，repeat-y，x轴y轴。

2、一张让它显示在底部，已做出，用background-image 让其显示，并设置no-repeat 实现了。如何在顶部再加一个顶部的图片。

3、CSS3 允许您为元素使用多个背景图像。例如：为id为pic的div 元素设置两幅背景图片：pic { background-image：url(bg_flower.gif)，url(bg_flower_gif)；} 上面的例子就是用两种图片为div元素设置背景。

4、：在QQ面板上，点击“QQ空间”进入。2：在QQ空间页面，在导航上点击“说说”进入。3：“我的说说”页面，在编辑里输入文字，然后在内容输入框点击“相机”图标。

5、首先点击工具栏的“插入”。选择第一张图片，点击“插入”。调整好第一张图片的占比。接着右键点击该图片，弹出的菜单内点击“置于底层”。

Q3: 如何在css中为网站底部加背景图片

修改css文件的body的样式，增加background-image，同时删除bigtitle的width属性，因为div默认就是宽度为100%，为了防止该属性对背景图片的干扰，所以删除掉不必要的属性。

用css的z-index的属性就可以实现。

通过css：background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。

如何设置网页的背景图片？1。首先，打开Atom编辑器导入项目文件夹，首先创建一个index.html文件。

Q4: div+css如何改变背景图片位置

要让图片靠左，居于底部，用：background：url(这里是你的背景图片路径) no-repeat left bottom；我是网页设计师，如果可以，请联系我，把代码传给我帮你检查是哪里出了问题。

首先打开前端开发工具，新建一个html代码页面。在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = bg-img。设置背景图片。