css中的背景图怎么改变大小
1、css2中是无法控制背景图片大小的，如果想实现这种效果，只能是更改图片了。
2、css3中可以通过background-size来控制图片的大小。
background-size属性用法：
background-size: length|percentage|cover|contain;
1）length:设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。
2）以父元素的百分比来设置背景图像的宽度和高度。
3）把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
4）把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。
具体示例可以参考：http://www.w3school.com.cn/cssref/pr_background-size.asp
可以通过cover和contain来对图片进行伸缩。
语法：
background-size:auto;/* 默认值，不改变背景图片的高度和宽度 */
background-size:100px 50px;/* 第一个值为宽，第二个值为高，当设置一个值时，将其作为图片宽度来等比缩放 */
background-size:10%;/* 0％~100％之间的任何值，将背景图片宽高按百分比显示，当设置一个值的时候同也将其作为图片宽度来等比缩放 */
background-size:cover;/* 将背景图片等比缩放填满整个容器 */
background-size:contain;/* 将背景图片等比缩放至某一边紧贴容器边缘 */
扩展资料：CSS背景图片自适应、全屏、填充、拉伸
方法一：js控制
$(function(){
$('#formbackground').height($(window).height());
$('#formbackground').width($(window).width());
});
方法二：全浏览器兼容
.bg{
background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg);
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-moz-background-size:100% 100%;
background-size:100% 100%;
}
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：body{background: url(image.jpg) no-repeat;background-size: 200px 200px; }。
3、浏览器运行index.html页面，此时背景图片成功被设定为200*200。
主要有以下几种方法：
1-把图片放在div的背景图里，再利用css3的background-size属性，语法：
background-size: length|percentage|cover|contain;
这个CSS3的属性作用是把背景图像扩展至足够大，以使背景图像完全覆盖背景区域，背景图像的某些部分也许无法显示在背景定位区域中，如果不使用这个属性，在IE11和FireFox中缩放浏览器，背景图片会随之缩小，同时使用-webkit-background-size: cover和-o-background-size: cover兼容webkit内核浏览器和Opera浏览器；background-attachment属性设置背景图像是否固定或者随着页面的其余部分滚动，当设置为fixed时页面的其余部分滚动时，背景图像不会移动。
2-如果是有规律变化的图，可以将图片单独切出来，然后repeat-x或者repeat-y进行平铺，也是一个不错的方法，而且图片可以切得不用那么大，也对图片进行充分利用。
3-将图片写在img标签里，然后对图片和div进行相对定位/绝对定位，效果是图片尺寸不会随浏览器缩放而变化，但是如果有竖直滚动条时，图片不会固定而会随滚动条移动。只需要把图片的宽度width设置成100%就行了。
CSS2.1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比，如background-size:100px 200px;表示把背景图片大小调整为100x200px，目前IE只有IE9支持这个属性，其它主流浏览器也都支持
这得用到CSS3的知识。
background-size:200px 200px;
-moz-background-size:200px 200px;
-moz-background-size:200px 200px;
-o-background-size:200px 200px;
或者你可以用photoshop把图片变小一点。
也可以把背景图片转化为<img src="#" />，这样的话就可以<img src="#" width="200" height="200" />
css中的背景图控制大小的方法：
我们在HTML布局时候直接在图片img标签加宽度和高度属性即可控制图片高和宽
还可以用CSS样式控制width、height，如：img{width:150px;height:60px}
CSS设置IMG图片宽度和高度，如：.divcss5 img{ width:300px; height:100px}
【注意】控制背景图片的方法有很多，只要活学活用即可完美解决问题。
答：通过设置background-size 的属性设置图片大小。css语法：background-size: length|percentage|cover|contain;一、html代码：二、简单的CSS，给body加上背景设置：三、效果如下：
答：cover用法：background-size：cover； //把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。contain用法：background-size：contain； //把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。
答：1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的标签中，输入css代码：body{background: url(image.jpg) no-repeat;background-size: 200px 200px; }。3、浏览器运行index.html页面，此时背景图片成功被设定为200*200。
答：可以通过background-size属性来设定背景图片的大小。它可以是像素（px）或者是百分比(%)，举例说明：background-size:950px* 200px这表示把背景图片大小调整为宽度950像素，高度200像素。1、background-size的语法说明：(1)属性名:background-size (2)属性值:其中 bg-size = [|| auto ]{1,2} | ...
答：可以通过cover和contain来对图片进行伸缩。语法：background-size:auto;/* 默认值，不改变背景图片的高度和宽度 */ background-size:100px 50px;/* 第一个值为宽，第二个值为高，当设置一个值时，将其作为图片宽度来等比缩放 */ background-size:10%;/* 0％~100％之间的任何值，将背景图片宽...
答：1、css2中是无法控制背景图片大小的，如果想实现这种效果，只能是更改图片了。2、css3中可以通过background-size来控制图片的大小。background-size属性用法：background-size: length|percentage|cover|contain;1）length:设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值...
答：为了解决背景图变形的问题，可以考虑以下几种方法：1. 使用CSS的background-size属性来调整背景图的大小，以适应元素的高度。可以使用值为"cover"或"contain"来保持背景图的宽高比例，同时填充或适应元素的大小。2. 使用CSS的background-position属性来调整背景图的位置，以确保关键元素在可见区域内。可以...
答：CSS2.1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size:100px 200px;表示把背景图片大小调整为100x200px。要把图像应用成为背景，要使用 background-image这一 属性。当background-image 属性默认值是 none的时候，这表示背景上...
答：网页的某些装饰可以通过背景图片来渲染，使得网页更加美观，CSS设置背景图片，不仅仅是大小，还有位置，放大方式，透明化之类。都是必备的CSS技能。层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
答：另一种是使用jQuery，在body中动态插入一个div，然后在div里包含一张图片，浏览器视窗改变大小时，动态设定背景图片的尺寸。程式码如下:(function(){ ("body").append("");("#main_bg").append("");cover();(window).resize(function(){ 浏览器视窗变化 ...
