HTML 多张图片无缝连接

时间:2021-09-17 04:02:46

<table border="0" cellspacing="0" cellpadding="0" style="height: 80px; width: 100%">
            <tr>
                <td>
                    <img src="Resource/Images/top_left.jpg" />
                </td>
                <td style="background-image: url('Resource/Images/top_center.jpg'); background-repeat: repeat;
                    width: 100%">
                </td>
                <td align="right">
                    <img src="Resource/Images/top_right.jpg" />
                </td>
            </tr>
        </table>

首先是解决图片无缝连接问题、然后由于要显示整行但图片的宽度又与各个电脑屏幕宽度不一致而显示不全问题,第一个td和第三个td的宽度都是不能变的,那么只有第二个图片的宽度要随页面的宽度变化而变化了;

第二张图片的宽度只有1px;

HTML 多张图片无缝连接