Ⅰ css让背景图片拉伸填充的属性
比如一个容器(body,div,span)中设定一个背景。这个背景的长宽值在css2.1之前是不能被修改的。
所以实际的结果是只能重复显示，所以出现了repeat,repeat-x,repeat-y,no-repeat这些属性。就是用来
控制背景图片的显示的。所以一般用作背景图片的有2类：
1.是一整张大图，尺寸和区域大小刚好吻合
2.一个很小的条状图，通过repeat后，形成一个很规则的大图背景。
但是css3出现以后，这个情况被改善了。background-size
属性可以让我们之前的希望成真。
而且这个属性在firefox，chrome，以及ie9上都可以使用。
具体使用方法如下：
背景图尺寸(数值表示方式)：
#background-size{
background-size:200px
100px;
}背景图尺寸(百分比表示方式)：
#background-size2{
background-size:30%
60%;
}背景图尺寸(等比扩展图片来填满元素，即cover值)：
#background-size3{
background-size:cover;
}背景图尺寸(等比缩小图片来适应元素的尺寸，即contain值)：
#background-size4{
background-size:contain;
}背景图尺寸(以图片自身大小来填充元素，即auto值)：
#background-size5{
background-size:auto;
}
Ⅱ 在css中设置图片的背景图，怎么设置图片纵向拉伸
css中设置背景图拉伸填充，在css2.1之前这个背景的长宽值是不能被修改的。 实际的结果是只能重复显示，可以使用repeat,repeat-x,repeat-y,no-repeat这些属性来控制背景图片的显示。所以一般用作背景图片的有2类：
1.是一整张大图，尺寸和区域大小刚好吻合
2.一个很小的条状图，通过repeat后，形成一个很规则的大图背景。
css3出现以后，可以用background-size 属性来实现背景图拉伸填充。 而且这个属性在firefox，chrome，以及ie9上都可以使用。
具体使用方法如下：
背景图尺寸（数值表示方式）：
#background-size{ background-size:200px 100px; }
背景图尺寸（百分比表示方式）：
#background-size{ background-size:30% 60%; }
背景图尺寸（等比扩展图片来填满元素，即cover值）：
#background-size{background-size:cover; }
背景图尺寸（等比缩小图片来适应元素的尺寸，即contain值）：
#background-size{ background-size:contain; }
背景图尺寸（以图片自身大小来填充元素，即auto值）：
#background-size{ background-size:auto; }
Ⅲ CSS背景图片拉伸
水平方向重复：background-image: url(images/rebar1.PNG) repeat-x;
垂直方向重复：background-image: url(images/rebar1.PNG) repeat-y;
二者都重复：background-image: url(images/rebar1.PNG) repeat;
Ⅳ DIV+CSS，怎样将背景图片拉伸到全屏！！ 谢谢各位了 急呀~~~
拉伸是可以做的,需要用到另外一个属性:
css中设置背景图拉伸填充，在css2.1之前这个背景的长宽值是不能被修改的。 实际的结果是只能重复显示，可以使用repeat,repeat-x,repeat-y,no-repeat这些属性来控制背景图片的显示。所以一般用作背景图片的有2类：
1.是一整张大图，尺寸和区域大小刚好吻合
2.一个很小的条状图，通过repeat后，形成一个很规则的大图背景。
css3出现以后，可以用background-size 属性来实现背景图拉伸填充。 而且这个属性在firefox，chrome，以及ie9上都可以使用。
具体使用方法如下：
背景图尺寸（数值表示方式）：
#background-size{ background-size:200px 100px; }
背景图尺寸（百分比表示方式）：
#background-size{ background-size:30% 60%; }
背景图尺寸（等比扩展图片来填满元素，即cover值）：
#background-size{background-size:cover; }
背景图尺寸（等比缩小图片来适应元素的尺寸，即contain值）：
#background-size{ background-size:contain; }
背景图尺寸（以图片自身大小来填充元素，即auto值）：
#background-size{ background-size:auto; }
Ⅳ 急！！CSS如何纵向拉伸背景图片在线等……
很遗憾,,背景图片不是能拉伸的!!只能重复,或者按定义的方向重复!一般能自由伸缩的背景图片都是能很好连接起来重合的!
Ⅵ CSS中如何设拉伸背景图片铺满屏幕
body{
background: url("image.png") no-repeat;
height:100%;
width:100%;
overflow: hidden;
background-size:cover;或者background-size:100%;
}
(6)css背景图片拉伸扩展阅读:
CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
编程工具
记事本：使用Windows系统自带的记事本可以编辑网页。只需要在保存文档时，以.html为后缀名进行保存即可。
Dreamweaver：它与Flash、Fireworks并称网页三剑客。Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别开发的视觉化网页开发工具，利用它可以轻而易举地制作出充满动感的网页。
Ⅶ 怎么用css把背景图片拉伸 不是平铺
1、首先准备一张设置为背景的图片，这边准备的是一张650px*347px的图片。
Ⅷ css怎么把背景图片拉伸至100
具体使用方法如下：
背景图尺寸（数值表示方式）：
代码如下:
#background-size{
background-size:200px 100px;
}
背景图尺寸（百分比表示方式）：
代码如下:
#background-size2{
background-size:30% 60%;
}
背景图尺寸（等比扩展图片来填满元素，即cover值）：
代码如下:
#background-size3{
background-size:cover;
}
背景图尺寸（等比缩小图片来适应元素的尺寸，即contain值）：
代码如下:
#background-size4{
background-size:contain;
}
背景图尺寸（以图片自身大小来填充元素，即auto值）：
代码如下:
#background-size5{
background-size:auto;
}
Ⅸ 制作html网页时如何使用CSS使背景图片拉伸（
比方说背景图片铺满整个div（不管多大）：
<divstyle="width:320px;height:240px;background:url(图片url)no-repeatcenter/100%100%"></div>
如果想让图片保持原始的长宽比例不变形（多余部分自动裁去）：
<divstyle="width:320px;height:240px;background:url(图片url)no-repeatcenter/cover"></div>
如果想保持比例的同时又要显示出完整的图片（div会出现留白）：
<divstyle="width:320px;height:240px;background:url(图片url)no-repeatcenter/contain"></div>
Ⅹ css怎么设置图片背景自动拉伸
no-repeat: 即无论背景图片的大小, 只显示单个背景图片
repeat: 指背景图片横向和纵向重复连续显示;
repeat-x: 指背景图片横向重复连续显示;
repeat-y 指背景图片纵向重复连续显示;例: 查看本站css文件,可以看到以下代码:
body {
font: normal 12px/1.5 Georgia, sans-serif;
text-align:left;
background:#444 url(images/bodybg.jpg) repeat-y;
}
可以看到背景图片bodybg.jpg是纵向重复显示的, 并随页面的长度的增加而增加.