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

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

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

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

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

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

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

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