1、1給body設(shè)置一個(gè)背景圖片，不重復(fù)居中顯示保持圖片的原有大小，簡(jiǎn)單的代碼示例如下body background urlieg_bg_03gif norepeat fixed center 2運(yùn)行的效果如下。

2、1首先，我們應(yīng)該先給div設(shè)置寬度和高度，保證文字有一個(gè)范圍2然后通過(guò)background給div添加一張圖片作為它的背景3如圖，通過(guò)url來(lái)連接圖片，url里面放置的就是背景圖片的路徑4這樣，保存之后文字就會(huì)覆蓋在圖。

3、1打開(kāi)html編輯器并創(chuàng)建一個(gè)新的html文件2新建完一個(gè)新的html文件后，在indexhtml的標(biāo)簽中，輸入如下所示的CSS代碼3輸入完CSS代碼之后，接下來(lái)運(yùn)行indexhtml頁(yè)面，可以發(fā)現(xiàn)，本地圖片通過(guò)背景圖片衜中的本地路徑。

4、可以在CSS里面用backgroundimageurl你的圖片地址這樣來(lái)加入圖片，展現(xiàn)到網(wǎng)頁(yè)中 bgimg background #333 url圖片路徑 center center norepeat 第一個(gè)參數(shù)，圖片底層的背景顏色，第二個(gè)參數(shù)，圖片路徑，第。

5、css代碼添加背景圖片1背景色背景色 語(yǔ)法backgroundcolor數(shù)值 注意在html中，給對(duì)象添加背景色只有一種方法，就是先做一個(gè)表格，在表格中設(shè)置背景色，然后把對(duì)象放入單元格中這樣做很麻煩，不僅代碼多，而且對(duì)于。

6、2如果你插入的圖片是通過(guò)標(biāo)簽的方式來(lái)插入的話(huà)，可以通過(guò)自身的屬性控制圖片大小，代碼格式是3如果非要通過(guò)css控制背景圖片的大小，可以通過(guò)backgroundsize樣式來(lái)實(shí)現(xiàn)，具體的css格式是backgroundsize寬度 高度。

7、除了使用html的img src=#39#39引入圖片以外，還可以使用css的backgorund系列屬性將圖片作為背景圖添加由于background系列屬性比較多，這里不做過(guò)多介紹，只說(shuō)幾個(gè)比較常用的屬性，其他的可參考官方文檔學(xué)習(xí)html代碼灶蔽。

8、CSS添加背景圖片 css代碼添加背景圖片1背景色背景色 語(yǔ)法backgroundcolor數(shù)值 注意在html中，給對(duì)象添加背景色只有一種方法，就是先做一個(gè)表格，在表格中設(shè)置背景色，然后把對(duì)象放入單元格中這樣做很麻煩，不僅。

9、操作方法如下1以Hbuilder來(lái)講解，首先新建一個(gè)HTML頁(yè)面，如圖2接著給標(biāo)簽設(shè)置背景圖片，如圖設(shè)置的是標(biāo)簽3然后新建一個(gè)css文件，如圖4這里給body標(biāo)簽設(shè)置backgroundsize屬性，如果標(biāo)簽是div就寫(xiě)div，然后可。

10、3然后通過(guò)background給div添加1張圖片作為它的背景4然后通過(guò)url來(lái)連接圖片，這個(gè)時(shí)候url里面放置的就是背景圖片的路徑5然后放入1張圖片用作背景，注意路徑正確6最后點(diǎn)擊保存，文字就會(huì)覆蓋在圖片上，css讓。

11、2打開(kāi)html文件，按下圖中紅色框選出來(lái)的位置在body標(biāo)簽里面輸入，然后保存代表代表當(dāng)前目錄 3在瀏覽器中打開(kāi)html文件，就可以顯示插入的圖片了，如下圖所示。

12、在html中插入圖片使用img標(biāo)簽，它有src屬性用于填寫(xiě)該圖片的路徑，alt屬性作用是當(dāng)圖片顯示失敗時(shí)就顯示alt中的文字設(shè)置圖片的寬用width，高用height，上下左右的位置分別用margintop，marginbottom，marginleft，margin。

13、根據(jù) backgroundrepeat 屬性的值，圖像可以無(wú)限平鋪沿著某個(gè)軸x 軸或 y 軸平鋪，或者根本不平鋪初始背景圖像原圖像根據(jù) backgroundposition 屬性的值放置1相對(duì)的文件位置2測(cè)試代碼測(cè)試效果。

14、1打開(kāi)操作軟件這里用DW，定義一個(gè)css樣式，如下圖 2首先看下，背景圖效果，如下圖所示3在div中添加一個(gè)img，輸入以下代碼如下圖所示4即可實(shí)現(xiàn)如題，css圖片之上再加一張圖片如下圖所示。

15、再加上鼠標(biāo)懸停在圖片上，顯示文本的代碼代碼總匯HTML 我是雪豹 CSS imggroup position relative display inlineblock imgtip position absolute bottom 0 background #333 colo。

16、2然后新建一個(gè)高200px，寬200px，顏色為藍(lán)色的div盒子3接著在代碼中加入backgroundimage，然后引入一張圖片，url里面的是圖片的相對(duì)路徑地址，相對(duì)的是html文件所在目錄4最后打開(kāi)瀏覽器，就可以看到插入好的圖片。

17、在網(wǎng)頁(yè)中插入圖片html圖片代碼方法步驟一html圖片標(biāo)簽語(yǔ)法 img介紹src 后跟的是圖片路徑地址width 設(shè)置圖片寬度height 設(shè)置圖片高度 二具體html 圖片顯示實(shí)例 在html源代碼中分別插入三張圖片，一張?jiān)即笠粡垖ⅰ?/p>