圓角表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

現在，只要放置了數據，就使用css類“ bottom_frame”將數據動態放置到td中，整個表都會發生變化，這是放置數據時的外觀

這是插入的HTML數據的圖像。

如何讓我的桌子受到任何損失？???

謝謝與問候，弗朗西斯·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>