2、然后新建一个高200px，宽200px，颜色为蓝色的div盒子：
3、接着在代码中加入background-image，然后引入一张图片，url里面的是图片的相对路径地址，相对的是html文件所在目录：
4、最后打开浏览器，就可以看到插入好的图片了：
css3的方法：
用css3的新属性border-radius（圆角）实现。具体代码如下：
<img src="图片路径" style="border-radius:50%"/>普通方法：
将圆圈制作成一个图片，外部非透明，内部透明的png格式。然后用定位的方式将这个png图片覆盖到原图片的上面，具体代码如下：
<style>a{
position:relative
width:50px
height:50px
display:block
}
a em{
width:50px
height:50px
display:block
position:absolute
left:0
top:0
}
</style>
<a href="">
<img src="图片路径" width="50" height="50" />
<em></em>
</a>
拼图？不太懂
定义一个div的position为relative 然后里面的图片全部定义为position absolute属性的 然后控制他们的left 和top值就可以达到效果了
<style>.box{width:500pxheight:500px background-color:#dddposition:relative}
.box img{position:absolute}
.m1{left:0top:0}
.m2{left:20pxtop:20px}
.m3{left:40pxtop:0}
</style>
<div class="box">
<img src="xx" width="20" height="20" class="m1">
<img src="xx" width="20" height="20" class="m2">
<img src="xx" width="20" height="20" class="m3">
</div>
差不多就是这个逻辑
