第一种 在css文件里加入背景图片在css里用urlimages背景图2jpg，在内联css和引入css中会由于html文件和css文件所处的相对位置不同，引入图片路径会有所不同如图第二种在html中引入ltdiv class=quotdet。

第一个给css文件添加背景图片使用urlimages背景图片2jpg在css中，由于html文件和css文件的相对位置不同，内联css和导入css中引入图片的路径会有所不同如图所示第二介绍如图所示第三种在div中添加图片。

网页的某些装饰可以通过背景图片来渲染，使得网页更加美观，CSS设置背景图片，不仅仅是大小，还有位置，放大方式，透明化之类都是必备的CSS技能层叠样式表英文全称Cascading Style Sheets是一种用来表现HTML标准通用标记。

题主是否想询问“html图片悬浮在另一张图片上的原因”使用了CSS样式，图片叠加1使用了CSS样式通过设置适当的CSS样式，可以将一张图片悬浮在另一张图片的上方，并对其进行定位和调整2图片叠加将两张图片叠加在。

1准备一张图片，新建一个空白html文件 2其中html文件内容如下图所示，html中包含了一张图片，及对应的描述段落 3给html添加head标签，在标签中定义样式ltstyle p border1px solid red img floatleft。

这里提供两种方法1每3个就在后面加上ltbrltbr，注意是两个br这样就换行了2用css来实现，控制goods的宽度一般为33%，不知道你的goods类是怎么写的，如果有margin的话就要比33%小一点具体代码ltstyle。

2打开html文件，按下图中红色框选出来的位置在body标签里面输入ltimg src=quottestjpgquot alt=quot测试quot ，然后保存代表代表当前目录 3在浏览器中打开html文件，就可以显示插入的图片了，如下图所示。

backgroundsize auto 220px ltstyleltbody ltdiv class=#39wrap#39 ltdivltbodylthtml2第二步，绘制左侧div及其伪元素图片这一步，利用新div定位旋转拼合六边形的左侧，并给新div的伪元素设置宽高并设置。