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

第一個(gè)給css文件添加背景圖片使用urlimages背景圖片2jpg在css中，由于html文件和css文件的相對(duì)位置不同，內(nèi)聯(lián)css和導(dǎo)入css中引入圖片的路徑會(huì)有所不同如圖所示第二介紹如圖所示第三種在div中添加圖片。

網(wǎng)頁(yè)的某些裝飾可以通過(guò)背景圖片來(lái)渲染，使得網(wǎng)頁(yè)更加美觀，CSS設(shè)置背景圖片，不僅僅是大小，還有位置，放大方式，透明化之類都是必備的CSS技能層疊樣式表英文全稱Cascading Style Sheets是一種用來(lái)表現(xiàn)HTML標(biāo)準(zhǔn)通用標(biāo)記。

題主是否想詢問(wèn)“html圖片懸浮在另一張圖片上的原因”使用了CSS樣式，圖片疊加1使用了CSS樣式通過(guò)設(shè)置適當(dāng)?shù)腃SS樣式，可以將一張圖片懸浮在另一張圖片的上方，并對(duì)其進(jìn)行定位和調(diào)整2圖片疊加將兩張圖片疊加在。

1準(zhǔn)備一張圖片，新建一個(gè)空白html文件 2其中html文件內(nèi)容如下圖所示，html中包含了一張圖片，及對(duì)應(yīng)的描述段落 3給html添加head標(biāo)簽，在標(biāo)簽中定義樣式ltstyle p border1px solid red img floatleft。

這里提供兩種方法1每3個(gè)就在后面加上ltbrltbr，注意是兩個(gè)br這樣就換行了2用css來(lái)實(shí)現(xiàn)，控制goods的寬度一般為33%，不知道你的goods類是怎么寫的，如果有margin的話就要比33%小一點(diǎn)具體代碼ltstyle。

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

backgroundsize auto 220px ltstyleltbody ltdiv class=#39wrap#39 ltdivltbodylthtml2第二步，繪制左側(cè)div及其偽元素圖片這一步，利用新div定位旋轉(zhuǎn)拼合六邊形的左側(cè)，并給新div的偽元素設(shè)置寬高并設(shè)置。