其實(shí)一般你將一張圖片作為背景時(shí)，會(huì)默認(rèn)為平鋪，所以不需要刻意去設(shè)置，相反如果我們不想圖片平鋪那么這時(shí)就需要設(shè)置為norepeat這時(shí)圖片就會(huì)按原來的尺寸顯示2如果圖片過小，那么圖片平鋪就會(huì)出現(xiàn)重復(fù)的地方，其實(shí)和把；網(wǎng)頁的某些裝飾可以通過背景圖片來渲染，使得網(wǎng)頁更加美觀，CSS設(shè)置背景圖片，不僅僅是大小，還有位置，放大方式，透明化之類都是必備的CSS技能層疊樣式表英文全稱Cascading Style Sheets是一種用來表現(xiàn)HTML標(biāo)準(zhǔn)通用標(biāo)記；CSS使網(wǎng)頁背景圖片居中的三種方法1第一種用像素設(shè)定，很多都用這種，但是也是最麻煩的2第二種用50%設(shè)定，很方便3第三種用center設(shè)定注第2個(gè)center可以省略，因?yàn)槟J(rèn)就是center；如何設(shè)置網(wǎng)頁的背景圖片1首先，打開Atom編輯器導(dǎo)入項(xiàng)目文件夾，首先創(chuàng)建一個(gè)indexhtml文件定義html文件的主要信息，如下圖所示2然后填寫自己的網(wǎng)頁內(nèi)容，設(shè)置樣式，添加背景=styletype=quottextcssquot！bodyback；backgroundrepeat norepeat * 不平鋪 * 然后是鋪滿容器的問題，如果忽略IE內(nèi)核的瀏覽器，用css3屬性backgroundsize 100%輕松解決，要兼容的話可以設(shè)一個(gè)背景層放在容器的下方，背景層里面放你的背景圖片，寬。

2新建文件完成之后，寫入一個(gè)div代碼操作，如圖所示3寫入div代碼之后，引入一個(gè)css樣式，如圖代碼操作所示4引入樣式代碼之后，打開引入的css文件，如圖所示5在新引入的css文件中，寫入css背景圖片代碼即可，如圖；前邊說的好給力，你這個(gè)css的意思簡單來說就1句話，設(shè)置背景圖片的重復(fù)樣式為不重復(fù)，也就是說背景圖片不平鋪，只顯示一張；bodybackground#FFF url背景圖片地址 norepeat 50% 0 norepeat不重復(fù) 50% 0水平位置 垂直位置 水平50%既居中，垂直0px center center也可。

大概明白了你的意思，但是按你想的是基本不可能的，但是可以用給別的方法來代替首先，你把上半部分圖片假設(shè)高100px作為body里面的內(nèi)容，作為img標(biāo)簽或者新建一個(gè)div的背景都可以，然后把下半部分圖片假設(shè)叫bgjpg；通過cssbackgroundimage語句設(shè)置背景backgroundimage 屬性會(huì)在元素的背景中設(shè)置一個(gè)圖像根據(jù) backgroundrepeat 屬性的值，圖像可以無限平鋪沿著某個(gè)軸x 軸或 y 軸平鋪，或者根本不平鋪初始背景圖像原圖像；norepeat是針對背景圖來說的意思就是當(dāng)你設(shè)置了norepeat這個(gè)屬性后，你的背景圖將不會(huì)被重復(fù)，再換一種說法，你在網(wǎng)站上所看見的背景圖就是你所增加的圖， 不會(huì)出現(xiàn)平鋪或重復(fù)的現(xiàn)象；第一個(gè)給css文件添加背景圖片使用urlimages背景圖片2jpg在css中，由于html文件和css文件的相對位置不同，內(nèi)聯(lián)css和導(dǎo)入css中引入圖片的路徑會(huì)有所不同如圖所示第二介紹如圖所示第三種在div中添加圖片。

2將測試圖片顯示在瀏覽器界面上，效果如下3通過CSS設(shè)置背景圖片，默認(rèn)效果如下，圖片被自動(dòng)重復(fù)以鋪滿窗口4通過CSS設(shè)置背景圖片不重復(fù)，此時(shí)，圖片將不能鋪滿窗口5通過CSS設(shè)置圖片大小100%，效果如下，圖片鋪滿；比如一個(gè)容器body，p，span中設(shè)定一個(gè)背景這個(gè)背景的長寬值在css21之前是不能被修改的 所以實(shí)際的結(jié)果是只能重復(fù)顯示，所以出現(xiàn)了repeat，repeatx，repeaty，norepeat這些屬性就是用來控制背景圖片的顯示的所以；3第一步，執(zhí)行完上面的操作之后，設(shè)置背景圖片樣式，在右邊的lttitle標(biāo)記之后創(chuàng)建一個(gè)ltstyle標(biāo)記，然后在該標(biāo)記中設(shè)置ltbody標(biāo)記的背景圖像，并且不會(huì)重復(fù)該背景圖像，見下圖，轉(zhuǎn)到下面的步驟4第一步，執(zhí)行完上面的；Background 背景色 Background Image 選取你的背景圖 Reapeat 背景圖是否重復(fù)，其中選norepeat為不重復(fù)，repeat為重復(fù)，repeatx和repeaty分別為只在X和Y方向重復(fù)Attachment 背景圖位置，fix為背景圖位置固定不；3設(shè)置背景圖片樣式在lttitle標(biāo)簽后面創(chuàng)建一個(gè)ltstyle標(biāo)簽，然后在這個(gè)標(biāo)簽里設(shè)置ltbody標(biāo)簽的背景圖片，以及背景圖片不重復(fù)4保存html代碼后使用瀏覽器打開，這個(gè)時(shí)候滾動(dòng)瀏覽器滾動(dòng)條發(fā)現(xiàn)背景圖片是隨瀏覽器滾動(dòng)條的。