div中以覆盖的方式显示两张大小不一样的图片！

最新推荐文章于 2021-09-15 11:37:49 发布

m1872216

最新推荐文章于 2021-09-15 11:37:49 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： div class border url table

本文链接：https://blog.youkuaiyun.com/m1872216/article/details/7665049

本文介绍如何将大图片放置于div中，同时在表格内整合小图片，实现网页美观与功能性的结合。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

做法：

大图片放到div中，小图片放到表格中！

示例：

.Head{ background-image:url(images/navli_span.gif);}（大的图片）

<div class="Head" >
<table border="0" width="100%">
<tr>
<td><a href="" class="text">收藏本公司</a>  |
<a href="" class="text">设为首页</a>  |
<a href="" class="text">在线洽谈</a>  |
</td>
<td align="right">
<img src="images/gold.jpg"/>
</td>
<td align="right" width="30%" style="background-image:url(images/dig04.gif); background-repeat:no-repeat; background-position:240px;">（小的图片）
<b>工商认证会员 诚信积分:36分</b>

</td>
</tr>
</table>
</div>