如何在一张大的照片里镶嵌一张小的照片在大的照片下面的中间
<!DOCTYPE HTML><html> <head> <meta charset="gb2312" /> <title></title> <style> div { width:120px; height:120px; background:url(http://avatar.profile.csdn.net/3/1/9/2_a138762698828.jpg) no-repeat; text-align:center; } img { margin-top:30px; } </style> </head> <body> <div> <img src="http://avatar.profile.csdn.net/3/1/9/2_a138762698828.jpg" style="max-width:90%" / alt="css 图片镶嵌_html/css_WEB-ITnose" > </div> </body></html>大概是这个意思，但是如何调整那个小照片的位置呢
小图片现在是居中的
margin-top:30px; 根据这个来调整上边距
给外div加上position:relative IMG 用top left CSS属性试试
500人高级QQ群：
HTML/CSS技术专区（202023795） 验证CSDN
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
