在html中怎样将两张照片和在一起

在html中怎样将两张照片和在一起,第1张

不太明白你的合在一起是什么意思,就按我我的理解回答了:

如果你说的是排在一起,那很简单:2个相邻<img src="pic1.jpg"><img src="pic2.jpg">就可以解决了。

如果是重合在一起,也就是说占同一片空间的话:

<div class="big_pic">

<img src="pic1.jpg">

<div class="small_pic"><img src="pic2.jpg"></div>

</div>

CSS:

.big_pic{

position:relative

}

.small_pic{

positon:absolute

top:5px

left:5px

}(通过top/left来调整小图片在大突破上面的位置)

至于其他的理解方式(照片合在一起)那我就真不知道了,应该是图片处理软件的事情了

如果B不想用背景图,那么就把他们两个放到一个容器中(box),然后给这个容器(box,也就是A和B的父元素)设置 position:relative属性

然后A和B都设置position:absolute属性

再给他们分别设置z-index属性,z-index:数字,数字越大越在上面

希望能帮到你

按照下边这个来:

<td style="position:relative">

<img style="position:absolutez-index:1" width="150" height="200" src="" />

<img style="position:absolutetop:60pxleft:30pxz-index:2" width="95" height="125" src="" />

</td>

HTML:

是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。

浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。

但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7422374.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存