圆角表HTML被削减数据增加

Question

我有一个HTML表格，每个td都有一个圆角图像我将图像放在一起并设法得到带圆角的表格。 这是它的外观，

以下是下面的HTML以及css

<table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" frame="void"
    style="width: 100%;">
    <tr>
        <td width="1%">
            <img alt="" src="Images/frame_top_left.jpg" />
        </td>
        <td class="top_frame">
        </td>
        <td width="1%" align="right">
            <img alt="" src="Images/frame_top_right.jpg" />
        </td>
    </tr>
    <tr>
        <td>
            <img alt="" src="Images/frame_bottom_left.jpg" />
        </td>
        <td class="bottom_frame">
        </td>
        <td align="right">
            <img alt="" src="Images/frame_bottom_right.jpg" />
        </td>
    </tr>
</table>

继承人css

现在数据被动态放置在td中，css类为“bottom_frame”，无论何时放置数据，整个表都会被更改，直到放置数据时它看起来如何

表示插入的HTML数据的图像。

如何让我的桌子保持不受损失????

谢谢＆amp;问候， Francis P。

Answer 1

您最好在表格中添加一行以在其中添加内容。像这样：

<table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" frame="void"
style="width: 100%;">
<tr>
    <td width="1%">
        <img alt="" src="Images/frame_top_left.jpg" />
    </td>
    <td class="top_frame">
    </td>
    <td width="1%" align="right">
        <img alt="" src="Images/frame_top_right.jpg" />
    </td>
</tr>
<tr>
    <td colspan="3" class="middle_frame">
        -- Put your content right here --
    </td>
</tr>    
<tr>
    <td>
        <img alt="" src="Images/frame_bottom_left.jpg" />
    </td>
    <td class="bottom_frame">
    </td>
    <td align="right">
        <img alt="" src="Images/frame_bottom_right.jpg" />
    </td>
</tr>
</table>