Rumah >hujung hadapan web >html tutorial >css 图片镶嵌_html/css_WEB-ITnose
css 图片镶嵌_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 12:10:551397semak imbas
如何在一张大的照片里镶嵌一张小的照片在大的照片下面的中间
回复讨论(解决方案)
<!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
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：求助一些关于web编辑器的问题_html/css_WEB-ITnoseArtikel seterusnya：ie6下AlphaImageLoader加载png背景路径的问题_html/css_WEB-ITnose