㈠ CSS中如何設拉伸背景圖片鋪滿屏幕
body{
background: url("image.png") no-repeat;
height:100%;
width:100%;
overflow: hidden;
background-size:cover;或者background-size:100%;
}
(1)css背景圖片平鋪擴展閱讀:
CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。 CSS 能夠對網頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字型大小樣式,擁有對網頁對象和模型樣式編輯的能力。
編程工具
記事本:使用Windows系統自帶的記事本可以編輯網頁。只需要在保存文檔時,以.html為後綴名進行保存即可。
Dreamweaver:它與Flash、Fireworks並稱網頁三劍客。Dreamweaver是集網頁製作和管理網站於一身的所見即所得網頁編輯器,它是第一套針對專業網頁設計師特別開發的視覺化網頁開發工具,利用它可以輕而易舉地製作出充滿動感的網頁。
㈡ css中 背景圖片全面平鋪 的代碼是什麼
源代碼:
<styletype="text/css">
body{
background-color:#FFFFFF;
background-image:url(背景圖片地址);
background-repeat:no-repeat;
background-position:center0;
}
</style>
改後代碼:
<styletype="text/css">
body{
background:url(背景圖片地址)repeatcenter0#fff;
}
</style>
或者試試CSS3中的效果:
<styletype="text/css">
body{
background:url(背景圖片地址)repeatcenter0#fff;
background-size:cover;
}
</style>
㈢ 怎麼用css把背景圖片拉伸 不是平鋪
1、首先准備一張設置為背景的圖片,這邊准備的是一張650px*347px的圖片。
㈣ css中使用圖片做背景怎麼讓突變平鋪整個頁面
您好,非常榮幸能在此回答您的問題。以下是我對此問題的部分見解,若有錯誤,歡迎指出。你好!css中有一個背景圖片的屬性可以解決這個問題哦 你可以嘗試下:
background-repeat no-repeat
這個屬性哦。非常感謝您的耐心觀看,如有幫助請採納,祝生活愉快!謝謝!
㈤ CSS 背景圖片重疊鋪滿整個層
background-repeat:no-repeat;去掉
㈥ css 背景平鋪
不平鋪應該是background-repeat:no-repeat;背景圖片等於整個網頁的寬和整個網頁的高不好實現,因為圖片會變形,屏幕太大會讓圖片失真,用大圖片又會影響網頁打開速度,
㈦ 這個CSS背景代碼,怎麼改一下就可以把背景圖片平鋪呢
源代碼改為:
<style type="text/css">body {background-color:#FFFFFF;background-image:url(背景圖片地址);background-repeat:repeat;background-position:center 0;}</style>
也可以簡化為:
<style type="text/css">body {background:#FFF url(背景圖片地址) repeat center 0;}</style>
水平平鋪:
<style type="text/css">body {background-color:#FFFFFF;background-image:url(背景圖片地址);background-repeat:repeat-x;background-position:center 0;}</style>
垂直平鋪:
<style type="text/css">body {background-color:#FFFFFF;background-image:url(背景圖片地址);background-repeat:repeat-x;background-position:center 0;}</style>
希望對你有幫助。
㈧ 怎樣用css 使背景圖片覆蓋整個頁面
覆蓋整個頁面也就需要圖片占據整個屏幕或者占據整個html元素;
在css3出來之後,有一個屬性background-size;
這個屬性可以給背景圖片設置大小,當值為100% 100%的時候也就是說把圖片寬高都設置成百分百,然後元素有多大,圖片就會伸展多大,也就是說的整個頁面
㈨ 急!!如何用css實現背景圖片縱向平鋪
1、再css中定義css的背景圖片,修改CSS的一下部分:
background-image:url(../images/bg_middle.jpg);
2、在之後加上background-repeat:repeat-y; 這個屬性可以讓圖片縱向平鋪
3、看圖片是否會需要居中如果需要的話加上background-position: center
㈩ css背景圖片不能平鋪顯示
background-repeat:repeat-x;這一句有問題,它的意思是背景圖片橫向無限重復,而縱向就不重復了。因此,把這句代碼刪掉就能全部無限重復了。