1、第一種 在css文件里加入背景圖片在css里用urlimages背景圖2jpg，在內(nèi)聯(lián)css和引入css中會(huì)由于html文件和css文件所處的相對(duì)位置不同，引入圖片路徑會(huì)有所不同如圖第二種在html中引入ltdiv class=quotdet。

2、1新建一個(gè)html文檔，編寫一個(gè)類名等于setbg的div標(biāo)簽2div寫上樣式，“background urlbg_mainjpg”的樣式，設(shè)置背景圖即可3設(shè)置了背景圖，給div設(shè)置高度“height500px”4設(shè)置高度之后，高度和背景。

3、步驟1新建一個(gè)html頁(yè)面，修改里面的代碼，添加1個(gè)div標(biāo)簽，id為div1，同時(shí)準(zhǔn)備2張圖片作為背景圖分別叫“01jpg”和“02jpg”，此時(shí)div1未設(shè)置背景圖，在瀏覽器中顯示為 步驟2div1采用css內(nèi)嵌式寫法設(shè)置背景圖片，代。

4、1首先你是通過(guò)第二種方式插入的是背景圖片，直接用width和height只能控制div的寬度和高度2如果你插入的圖片是通過(guò)ltimg標(biāo)簽的方式來(lái)插入的話，可以通過(guò)ltimg自身的屬性控制圖片大小，代碼格式是ltimg src=quot圖片路徑quot。

5、給裝圖片的div一張背景圖，比如下面代碼divbackgroundurl圖片路徑 norepeatbackgroundsize100% 背景圖片百分百顯示，norepeat意思是不重復(fù)顯示。

6、html代碼 ltdiv id=quottestquotltdiv 預(yù)先設(shè)置一個(gè)樣式 bg backgroundimage urlxxxjpg 然后js獲取這個(gè)div，給div加上名為bg的class var div = documentgetElementById#39te。

7、div backgroundurlimg_flwrgifbackgroundsize80px 60pxbackgroundrepeatnorepeat 語(yǔ)法backgroundsize lengthpercentagecovercontainength 設(shè)置背景圖片高度和寬度第一個(gè)值設(shè)置寬度，第二個(gè)值設(shè)置。

8、div層中插入背景圖片很簡(jiǎn)單，你可以直接插入也可以對(duì)要定義的層做一個(gè)css內(nèi)部樣式，操作如下lthtmlltheadlttitle層中怎么插入背景圖片lttitlelthead ltstyle type=quottextcssquot#div1backgroundurl圖片地址jpg。

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

10、css使div背景圖片填充的具體操作步驟如下1我們首先打開前端開發(fā)工具，新建一個(gè)html代碼頁(yè)面2在html代碼頁(yè)面上創(chuàng)建一個(gè)用于設(shè)置背景顏色的div標(biāo)簽，然后給這個(gè)標(biāo)簽添加上class = quotbgimgquot3設(shè)置背景圖片，創(chuàng)建style。

11、1新建html文檔，在body標(biāo)簽中添加一個(gè)img標(biāo)簽，這時(shí)默認(rèn)情況下圖片是不透明的2在head標(biāo)簽中添加style標(biāo)簽，在style標(biāo)簽中為img標(biāo)簽設(shè)置透明度樣式，其中三個(gè)屬性是為了兼容不同瀏覽器3刷新瀏覽器中的頁(yè)面，這時(shí)可以。

12、因?yàn)槟氵@個(gè)div里面沒有內(nèi)容，所以，暫時(shí)為空 盡管你設(shè)置了width，和height，但是這個(gè)還差一個(gè)代碼 displayblock定義為塊元素，那么就可以看到你的背景圖片了 完整代碼是lthtml lthead ltscriptltscript lthead。

13、html，編寫問(wèn)題基礎(chǔ)代碼2在indexhtml中的ltscript標(biāo)簽，輸入js代碼$#39#a#39css#39webkitfilter#39， #39grayscale50%#393瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)下方div的背景圖片確實(shí)變暗，文字卻沒有影響。

14、代碼如下1ltimg src=quotdivcss5logogifquot width=quot165quot height=quot60quot img介紹src 后跟的是圖片路徑地址 width 設(shè)置圖片寬度 height 設(shè)置圖片高度 2我們?cè)趆tml源代碼中分別插入三張圖片，一張?jiān)即笠弧?/p>

15、然后我們回到html文檔，在div的樣式規(guī)則里面添加backgroundimage屬性，如下圖所示，給此屬性指定一個(gè)圖片路徑，運(yùn)行以后你就會(huì)看到背景圖片了。