如何在一张大的照片里镶嵌一张小的照片在大的照片下面的中间
<!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
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
421
收藏
