1、尺寸backgrounsize100% 100%其實(shí)大多數(shù)的HTML編輯器操作都是一樣的，今天我就以Hbuilder來(lái)講解，首先新建一個(gè)HTML頁(yè)面，這里命名為“new_filehtml”接著給標(biāo)簽設(shè)置背景圖片，這里小編設(shè)置的是ltbody標(biāo)簽接著新建；1插入背景圖片有兩種方法，一種是用html的img標(biāo)簽，另一種是利用css的background標(biāo)簽插入具體操作是首先新建一個(gè)html文件，寫(xiě)入兩個(gè)div，分別用來(lái)演示兩種方法插入標(biāo)簽2首先是用html標(biāo)簽插入圖片，這里直接在img標(biāo)簽中；新建一個(gè)html文件，例如indexhtml2其次，在indexhtml中的ltbody標(biāo)簽中，輸入css樣式代碼style=quotbackgroundsize100%background urlimagejpgquot3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)成功插入了背景圖片；一打開(kāi)Dreamweaver，然后選中html，出來(lái)了一個(gè)html標(biāo)準(zhǔn)文檔二在標(biāo)簽里添加文件路徑，語(yǔ)法如下這時(shí)，頁(yè)面雖然充滿了背景，但可以看出背景圖片被填充zhidao了多次三在里添加樣式，代碼如下style=quot backgroundrepeatno；數(shù)值越大表示的層級(jí)越高，但是只有在有定位的情況下該屬性才會(huì)生效最后設(shè)置一下div的背景顏色方便觀察效果3最后打開(kāi)瀏覽器查看效果，div是在圖片上面的以上html中就是把背景圖片置于最低層的方法。

2、mp3quotltaudio ltbody 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)發(fā)現(xiàn)頁(yè)面多了背景圖片和背景；1首先打開(kāi)Atom編輯器導(dǎo)入項(xiàng)目文件夾，先創(chuàng)建一個(gè)indexhtml的文件定義一下html文件的主信息2然后填寫(xiě)自己的網(wǎng)頁(yè)內(nèi)容， 設(shè)置一下樣式，直接在body后面加上background=quot圖片名字quot即可插入圖片3最后來(lái)到瀏覽器，刷新。

3、這是在網(wǎng)頁(yè)中插入一副圖像，能調(diào)整圖像大小，能拉伸圖像，但是不能平鋪圖像，圖像要占用頁(yè)面的空間的，一般情況下，文字不能在這樣的圖像上面代碼標(biāo)簽解釋1ltimg 標(biāo)簽定義圖像2src 要顯示的圖像的 URL圖片；一首先HTML布局lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitle背景圖設(shè)置lttitle lthead ltbody ltdiv class=quotboxquotltdiv ltbody lthtml 二添加CSS樣式lt！DOCTYPE；1圖片不夠大，又background屬性不能拉伸圖片2只能用個(gè)div，把其zindex值設(shè)為負(fù)，并使這個(gè)div大小為整個(gè)body大小，在div里用3body的background屬性去掉，要不然會(huì)被遮住html網(wǎng)頁(yè)設(shè)計(jì)里面平鋪背景圖片的代碼如下。

4、1在ue編輯器中新建一個(gè)空白的html文件2在ue編輯器中輸入以下html代碼3編輯完成以后，在ue編輯器中點(diǎn)擊保存，格式選擇UTF8無(wú)BOM4在瀏覽器中打開(kāi)此html文件，可以看到最終想要實(shí)現(xiàn)的背景圖片效果；1以Hbuilder來(lái)講解，首先新建一個(gè)HTML頁(yè)面，如圖2接著給標(biāo)簽設(shè)置背景圖片，如圖設(shè)置的是ltbody標(biāo)簽3然后新建一個(gè)css文件，如圖4這里給body標(biāo)簽設(shè)置backgroundsize屬性，如果標(biāo)簽是div就寫(xiě)div，然后可以設(shè)置寬；html在div加背景圖片的具體操作步驟如下1新建一個(gè)html文檔，編寫(xiě)一個(gè)類名等于setbg的div標(biāo)簽2div寫(xiě)上樣式，“background urlbg_mainjpg”的樣式，設(shè)置背景圖即可3設(shè)置了背景圖，給div設(shè)置高度“height。

5、html語(yǔ)言背景圖片拉伸代碼backgroundsizecover，可以使圖片拉伸鋪滿背景；1ltbody style=quotbackgroundimage urlquot圖片文件地址quot backgroundattachment fixedquot這樣背景圖片就會(huì)固定住，不會(huì)因頁(yè)面滾動(dòng)而重復(fù)2使圖在任何大小的屏幕都不會(huì)顯示重復(fù)，可以這樣設(shè)定背景圖像不平鋪lt。