1、第一種 在css文件里加入背景圖片在css里用urlimages背景圖2jpg，在內(nèi)聯(lián)css和引入css中會由于html文件和css文件所處的相對位置不同，引入圖片路徑會有所不同如圖第二種在html中引入ltdiv class=quot；1以Hbuilder來講解，首先新建一個HTML頁面，如圖2接著給標簽設(shè)置背景圖片，如圖設(shè)置的是ltbody標簽3然后新建一個css文件，如圖4這里給body標簽設(shè)置backgroundsize屬性，如果標簽是div就寫div，然后可以設(shè)置。

2、可以在第二個div里插入圖片，是用img標簽，可以直接設(shè)置width和hight2如果是用div作背景圖片的話可以設(shè)置div的width和hight，也可以使用這個屬性backgroundsize指定div里背景圖大小的方法如下div backgroundurl；02 要添加整個頁面的背景圖片，我們就只能把背景加到body標簽里了，所以我們在body里添加一個樣式，叫‘bg’03 然后定義這個bg的樣式規(guī)則，主要就是添加backgroundimage樣式，就是添加背景圖 backgroundrepeat是讓；2然后我們在html的body區(qū)域添加一個div，并且給div設(shè)置一下寬高以及邊框的樣式3運行程序以后，你就會看到的div區(qū)域，我們接下來就要給這個區(qū)域添加背景圖片4然后我們回到html文檔，在div的樣式規(guī)則里面添加background；第一個給css文件添加背景圖片使用urlimages背景圖片2jpg在css中，由于html文件和css文件的相對位置不同，內(nèi)聯(lián)css和導(dǎo)入css中引入圖片的路徑會有所不同如圖所示第二介紹如圖所示第三種在div中添加圖片；給裝圖片的div一張背景圖，比如下面代碼divbackgroundurl圖片路徑norepeatbackgroundsize100% 背景圖片百分百顯示，norepeat意思是不重復(fù)顯示；具體步驟如下1插入背景圖片有兩種方法，一種是用html的img標簽，另一種是利用css的background標簽插入具體操作是首先新建一個html文件，寫入兩個div，分別用來演示兩種方法插入標簽2首先是用html標簽插入圖片，這里直接；sprite，也就是圖片翻轉(zhuǎn)技術(shù)，事先把兩張翻轉(zhuǎn)前與翻轉(zhuǎn)后的圖片結(jié)合在一張圖片里，再把元素的背景固定死高度顯示翻轉(zhuǎn)前的圖片，然后在利用hover偽類翻轉(zhuǎn)，使用背景定位backgroundposition0px 0px，使得翻轉(zhuǎn)時把下面未出現(xiàn)的。

3、詳細步驟工具材料1新建文件夾并將其命名為“表格”2將背景圖放入新建的”表格“文件夾里3在Dreamweaver CS6中新建一個html空白文檔4將頁面內(nèi)容放入ltbodyltbody中5在ltbody后按一下空格鍵；1首先你是通過第二種方式插入的是背景圖片，直接用width和height只能控制div的寬度和高度2如果你插入的圖片是通過ltimg標簽的方式來插入的話，可以通過ltimg自身的屬性控制圖片大小，代碼格式是ltimg src=quot圖片路徑quot；下面舉例說明 步驟1新建一個html頁面，修改里面的代碼，添加1個div標簽，id為div1，同時準備2張圖片作為背景圖分別叫“01jpg”和“02jpg”，此時div1未設(shè)置背景圖，在瀏覽器中顯示為 步驟2div1采用css內(nèi)嵌式寫法。

4、先創(chuàng)建一個indexhtml的文件定義一下html文件的主信息2然后填寫自己的網(wǎng)頁內(nèi)容， 設(shè)置一下樣式，直接在body后面加上background=quot圖片名字quot即可插入圖片3最后來到瀏覽器，刷新一下網(wǎng)頁，這樣就會顯示背景了；首先我們打開sublime text軟件，新建一個html頁面，然后在在頁面中添加html的基本結(jié)構(gòu)，如下圖所示 然后我們在html的body區(qū)域添加一個div，并且給div設(shè)置一下寬高以及邊框的樣式，如下圖所示 運行程序以后，你就會看到如下圖。

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