Heim >Web-Frontend >HTML-Tutorial >css 图片镶嵌_html/css_WEB-ITnose
css 图片镶嵌_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:10:551399Durchsuche
如何在一张大的照片里镶嵌一张小的照片在大的照片下面的中间
回复讨论(解决方案)
<!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
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：求助一些关于web编辑器的问题_html/css_WEB-ITnoseNächster Artikel：ie6下AlphaImageLoader加载png背景路径的问题_html/css_WEB-ITnose