新建一個(gè)html文件，例如indexhtml2其次，在indexhtml中的ltbody標(biāo)簽中，輸入css樣式代碼style=quotbackgroundsize100%background urlimagejpgquot3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)成功插入了背景圖片。

visual studio簡(jiǎn)稱為vs下面，我們來(lái)看看HTML中怎么插入圖片作為背景圖片吧01 打開vs 打開visual studio軟件，并新建一個(gè)文件夾為img，把圖片粘貼到文件夾中，如下圖所示02 ltbody style=quot backgroundurlimg。

3第一步，執(zhí)行完上面的操作之后，設(shè)置背景圖片樣式，在右邊的lttitle標(biāo)記之后創(chuàng)建一個(gè)ltstyle標(biāo)記，然后在該標(biāo)記中設(shè)置ltbody標(biāo)記的背景圖像，并且不會(huì)重復(fù)該背景圖像，見下圖，轉(zhuǎn)到下面的步驟4第一步，執(zhí)行完上面的。

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

backgroundcolor orangequot這是文字1ltdiv ltdiv style=quotwidth 100% height 25pxbackgroundcolor redquot這是文字2ltdiv ltdiv 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)按鈕被添加上下兩個(gè)不同顏色的背景。

1插入背景圖片有兩種方法，一種是用html的img標(biāo)簽，另一種是利用css的background標(biāo)簽插入具體操作是首先新建一個(gè)html文件，寫入兩個(gè)div，分別用來(lái)演示兩種方法插入標(biāo)簽2首先是用html標(biāo)簽插入圖片，這里直接在img標(biāo)簽中。

例如indexhtml2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼body background urlsmallpng norepeatbackgroundsizecover 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)背景圖片被設(shè)置為平鋪在html頁(yè)面上。

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