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

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

3、這是在網(wǎng)頁中插入一副圖像，能調(diào)整圖像大小，能拉伸圖像，但是不能平鋪圖像，圖像要占用頁面的空間的，一般情況下，文字不能在這樣的圖像上面代碼標(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只能用個div，把其zindex值設(shè)為負(fù)，并使這個div大小為整個body大小，在div里用3body的background屬性去掉，要不然會被遮住html網(wǎng)頁設(shè)計里面平鋪背景圖片的代碼如下。

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

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