Ⅰ 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是縱向重復顯示的, 並隨頁面的長度的增加而增加.