Html 无法在桌子上获得圆角

我有一个flash网站，上面有一个丑陋的表单（通过表格构建）。（我需要使用flash，因为我正在使用其中一个模板站点。）

我正试图使页眉的上角（标题区域）和页脚的下角（提交区域）圆化，这也适用于IE

我见过几个网站描述如何对文本框（或文本区域）进行圆整，但除了通过photoshop使用图形外，没有一个网站是针对表格的。我已经试过了，但它显然超出了我的技能水平，因为它不起作用

我在generateit.net上有点运气，它提供了一个html片段。但是，它也是为文本框设计的，我得到的结果不稳定

我会发布我的网页，但我还没有发布。我可以在模板网站上的我的帐户上看到它。不过，相信我。它们是不稳定的。有谁能告诉我一个网站，可以帮助我用html代码为一个圆形边缘的表格（没有图形）

---

多谢各位

因为这个问题是sat“未回答的1”，有一段时间我想我应该扩展我的评论作为答案：

table

元素及其有效的子元素（

thead

，

tbody

，

tfoot

，

tr

，

th

和

td

），可能是由于表的固有性质（尽管我没有参考来支持或解释该假设）拒绝接受或应用

边界半径
属性：

为了解决这个问题，正如@Pekka所建议的，可以将表包装成
div
，并对其应用
边界半径
，以及
溢出：隐藏
以防止
表格的角出现在
div
本身的弯曲边界之外

在演示中，我为包含的
div
使用了较重的边框，以减少曲线边框与
表格
边框相交处的抗锯齿伪影，但显然，这两个元素使用了相同的颜色

html:


在对问题的评论（上文）中公布的内容之外
因为这个问题是sat“未回答的1”，有一段时间我想我应该扩展我的评论作为答案：

table
元素及其有效的子元素（
thead
，
tbody
，
tfoot
，
tr
，
th
和
td
），可能是由于表的固有性质（尽管我没有参考来支持或解释该假设）拒绝接受或应用
边界半径
属性：

为了解决这个问题，正如@Pekka所建议的，可以将表包装成
div
，并对其应用
边界半径
，以及
溢出：隐藏
以防止
表格的角出现在
div
本身的弯曲边界之外

在演示中，我为包含的
div
使用了较重的边框，以减少曲线边框与
表格
边框相交处的抗锯齿伪影，但显然，这两个元素使用了相同的颜色

html:


在对问题的评论（上文）中公布的内容之外
如果你有一些HTML代码不起作用，肯定会有人给你指出正确的方向。你能解决这个文本墙的问题吗？你知道，对于段落和类似的东西，我不认为你可以用圆角设计
表格或其子元素（当然不是在Chrome 8/Ubuntu10.10中，我在其中指定了
边框半径：1em；
）（
table
，
thead
，
tbody
，
tfoot
，
tr
，
th
和
td
）我能想到的（）。背景图像可能是一种可能性？我也怀疑@David说了什么。也许用圆角包裹一个
div
？@Pekka，好主意…这很有效：；你的主意，我很乐意在这一点上给你评分=DShow你的一些HTML代码不起作用，肯定有人能给你指出正确的方向。ca你能解决这个文本墙的问题吗？你知道，对于段落和类似的东西，我不认为你能用圆角设计
表格或其子元素（当然不是在Chrome 8/Ubuntu10.10中，我已经在每个有效的表格元素上指定了
边框半径：1em；
）（
table
，
thead
，
tbody
，
tfoot
，
tr
，
th
和
td
）我能想到的（）。背景图像可能是一种可能性？我也怀疑@David说了什么。也许用圆角包裹一个
div
？@Pekka，好主意……这很有效：；你的主意，我很乐意把这一点归功于你=D
<div id="container">
    <table>
        <thead>
            <tr>
                <th colspan="2">Name</th>
                <th rowspan="2">Age</th>
            </tr>
            <tr>
                <th>Family</th>
                <th>First</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <td colspan="3">Age information from Wikipedia</td>
            </tr>
        </tfoot>
        <tbody>
            <tr>
                <td>Freeman</td>
                <td>Martin</td>
                <td>39</td>
            </tr>
            <tr>
                <td>Freeman</td>
                <td>Morgan</td>
                <td>73</td>
            </tr>
        </tbody>
    </table>
</div>

#container {
    border-radius: 1em;
    border: 2px solid #ccc;
    min-width: 30%;
    display: inline-block;
    overflow: hidden;
}
th, td {
    border: 1px solid #ccc;
    padding: 0.3em 1em;
    font-family: sans-serif;
}

th {
    vertical-align: top;
    font-weight: bold;
}