CSS中如何让背景拉长，css中如何把背景图设置大小

制作html网页时如何使用CSS使背景图片拉伸(

html语言背景图片拉伸代码：background-size：cover，可以使图片拉伸铺满背景。

css中设置背景图拉伸填充，在css1之前这个背景的长宽值是不能被修改的。 实际的结果是只能重复显示，可以使用repeat，repeat-x，repeat-y，no-repeat这些属性来控制背景图片的显示。

首先你是通过第二种方式插入的是背景图片，直接用width和height只能控制div的宽度和高度。

如果通过css设置背景图，那么图片尺寸要足够大，目前大宽屏1920左右，所以宽度最好设置为1920，然后居中；如果通过div嵌入图片，那么将此div设置成绝对定位，z-index：-1。

相关问答

Q1: CSS中如何设拉伸背景图片铺满屏幕

1、怎么用css把背景图片拉伸 不是平铺 纯css实现的话可以使用css的background-size属性。语法如下示例：p{background-size：100% 100%} 共有两个值，第一个值是宽度，第二个值是高度。

2、创建以下目录结构的测试页面。将测试图片显示在浏览器界面上，效果如下。通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口。通过CSS设置背景图片不重复，此时，图片将不能铺满窗口。

3、拉伸是可以做的，需要用到另外一个属性：css中设置背景图拉伸填充，在css1之前这个背景的长宽值是不能被修改的。 实际的结果是只能重复显示，可以使用repeat，repeat-x，repeat-y，no-repeat这些属性来控制背景图片的显示。

4、图片没有重叠，居中，并且...她太小了，无法占领全部的页面。很可惜，CSS2中并没有图片全屏拉伸的属性，所以我自己想了个办法。利用一个DIV层，在里面装载一个IMG标签。

5、css中设置背景图拉伸填充，在css1之前这个背景的长宽值是不能被修改的。 实际的结果是只能重复显示，可以使用repeat，repeat-x，repeat-y，no-repeat这些属性来控制背景图片的显示。

Q2: 在css中设置图片的背景图,怎么设置图片纵向拉伸

1、首先准备一张设置为背景的图片，这边准备的是一张650px*347px的图片。然后建立一个html文档，将它和背景图片放到一个文件夹中。编辑html文档，这边建立一个div，设置宽度为700px，高度跟背景图一样，为347px。

2、怎么用css把背景图片拉伸 不是平铺 纯css实现的话可以使用css的background-size属性。语法如下示例：p{background-size：100% 100%} 共有两个值，第一个值是宽度，第二个值是高度。

3、background：url(../../config/img/Title.png) repeat-y；竖着铺 什么不加就是横竖平铺 如果你是想拉伸的话，竖着切一张几个像素宽的背景图（比如说宽2px，高990px这样的一张图），然后设置repeat-x，横向平铺。

Q3: css中如何调整插入背景图片的大小

先看下我们图片的样式，现在并没有设置背景图片的大小。刷新页面，看下现在的图片，并没有显示完整，因为图片太大了，没有显示完。

）PSD格式的图像文件是使用AdobePhotoshop软件生成的默认图像文件格式。用以保存图像的通道、图层和颜色模式等信息，以备以后进行再次修改，该格式的通用性差，只有在Photoshop中才能使用，很少有其他的软件支持该格式。

css2中是无法控制背景图片大小的，如果想实现这种效果，只能是更改图片了。css3中可以通过background-size来控制图片的大小。

可以通过cover和contain来对图片进行伸缩。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body{background： url(image.jpg) no-repeat；background-size： 200px 200px； }。

在css中改变background-image的大小可以通过将背景图片放置的一个div样式中，然后设置div的样式属性来实现。

Q4: css怎么设置图片背景自动拉伸

1、点选单中的格式——背景——点下拉箭头中的填充效果——点图片，再从电脑上找到要做成背景的图片，点确定，再点应用，如果是所有幻灯片都要这样的背景就点“全部应用”。

2、是一整张大图，尺寸和区域大小刚好吻合 一个很小的条状图，通过repeat后，形成一个很规则的大图背景。css3出现以后，可以用background-size 属性来实现背景图拉伸填充。

3、将测试图片显示在浏览器界面上，效果如下。通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口。通过CSS设置背景图片不重复，此时，图片将不能铺满窗口。

4、background：url(../../config/img/Title.png) repeat-y；竖着铺 什么不加就是横竖平铺 如果你是想拉伸的话，竖着切一张几个像素宽的背景图（比如说宽2px，高990px这样的一张图），然后设置repeat-x，横向平铺。

Q5: css定义背景无限延伸?

1、是一整张大图，尺寸和区域大小刚好吻合 一个很小的条状图，通过repeat后，形成一个很规则的大图背景。css3出现以后，可以用background-size 属性来实现背景图拉伸填充。

2、但有时我们不需要这样的一个效果，需要内容占用多高，body背景就纵向从上到下铺满多少高度。很明显这样就达不到我们想要的效果。

3、width：701px；height：auto；} 这段代码的意思是说 div id=middlebg的层的背景图片是mbg.gif，垂直向底部延伸。

4、将选择类型设置~为类，名称设置为~测试，定义在~仅对该文档，点击“确定”随后弹出图下中所示的测试CSS规则定义 在css定义框中我们是可以看到。类型背景区块方框边框列表定位扩展。

5、本文给大家详解CSS如何设置背景属性，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。

6、背景图片要么不重复，要么重复，你要使重复显示规则，首先你的背景图片就要是一个有规则的图片才行。

CSS中如何让背景拉长的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css中如何把背景图设置大小、CSS中如何让背景拉长的信息别忘了在本站进行查找喔。