HTML 多張圖片無縫連接

 <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；