圖片部分重疊例子

<!DOCTYPE HTML>
<html>
<style>
div.gp-container{
    position:relative;
}

div.gp-container span{
    position:absolute;
}

div.gp-container span img{
    height:25px;
    width:25px;
    border-radius:20px;
}
</style>
<body>
<div class="gp-container">
<span >
  <img  src="http://img2.imgtn.bdimg.com/it/u=3267643733,1769010289&fm=26&gp=0.jpg" >
</span>
<span style="left:20px;">
  <img  src="http://img2.imgtn.bdimg.com/it/u=3267643733,1769010289&fm=26&gp=0.jpg" >
</span>

<span style="left:40px;">
  <img  src="http://img2.imgtn.bdimg.com/it/u=3267643733,1769010289&fm=26&gp=0.jpg" >
</span>
</div>


</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章