css设置背景图宽度，css里面怎么设置背景图

css背景图片大小如何设置

1、首先，打开html编辑器，新建html文件，例如：index.html。

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

3、背景设置为图片background-repeat： repeat； 背景图片是否重复background-position： 100% 100%； 背景图片定位你这么写当然不能达到你要的效果 如果你想要的是从右下角平铺背景的话，你这么写是没问题的。

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

相关问答

Q1: CSS设置背景图宽度100%,高度自适应

背景图宽度自适应方法：添加css样式background-size：100%；它的意思是规定背景图像的尺寸，但这个css样式使用时需要注意，有些浏览器是不支持，比如IE要求9的版本才可以支持。

div的高度随背景图片的高度变化：原理是通过padding-top或者padding-bottom实现，值是背景图片的宽高比。

输入position：fixed； top： 0； left： 0；使整个div固定在屏幕的最上方和最左方。

既要宽度100%，又要不变形，这两个条件决定了图片的高度不能另外设置，只能跟随宽度的变化而变化，这样就无法保证完全覆盖剩余区域。

用background-size属性，你想给他多大的百分比都可以，不设置表示默认图片大小，设置100%表示全屏显示图片，按比例缩小或者放大。这样就可以实现背景图片自适应父容器大小而自动变化，达到填充效果。

则0%-100%的透明度也被提供。PNG格式的图片的透明度不妨碍你选择文本。也就是说，你可以选择显示在PNG格式的图片完全透明区域后面的内容。这样我们就可以完美兼容绝大多数的浏览器，实现用CSS让背景图片100%填充了。

Q2: css3怎么让背景宽为100%时,高度跟这个背景图等比例拉伸呢_html/css...

1、使用img标签，给它的width属性设定一个绝对数量值，其高度就会自动按照width的值进行缩放了。

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

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

4、css 大侠们，请教一个问题：假设用户显示器的宽度是1000px，然后用background-image设置一张宽度为800px的背景图片，然后把图片的排列方式设置为no-repeat。问题就出来了。

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

Q3: css怎么把背景图片拉伸至100%_html/css_WEB-ITnose

+1使用滤镜，其中 sizingMethod=scale 就是拉伸。

提取图片底部的颜色，使背景颜色和背景图片颜色一致，这样就可以显的是边缘是拉伸了。

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

Q4: CSS如何定义背景图片的宽度大小_html/css_WEB-ITnose

CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。

可以通过background-size属性来设定背景图片的大小。它可以是像素（px）或者是百分比(%)，举例说明：background-size：950px* 200px这表示把背景图片大小调整为宽度950像素，高度200像素。

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

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

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

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

首先，打开html编辑器，新建html文件，例如：index.html。

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

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

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

关于css设置背景图宽度和css里面怎么设置背景图的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。