圆角与html表格

我有下面的HTML表格来制作一个圆角框。

---

目前，我给的是HTML本身的角图像，但是CSS的边图像，这很好。我也想将角点图像移动到CSS中，但当我将任意两个表格角点单元格转换为div时，列或行消失。例如，如果我做右上角和右下角，右coulmn就会消失。左上角和右上角，顶行消失…

没有内容的表格单元格向下折叠到最小值。您需要通过CSS设置固定大小，甚至可能在单元格中放入一个空白字符，以强制其保持打开状态：

<td id="topleft">&nbsp;</td>

#topleft {
    background: ...;
    width: 15px;
    height: 15px;
}

#左上角{
背景：。。。；
宽度：15px；
高度：15px；
}

---

背景图像不会影响元素的大小，因此您需要在背景变为可见之前强制元素具有一定的大小。

我必须对图像执行此操作您必须使用表格和图像来执行此操作吗？我的哀悼。

#tipTop {
    background-image:url('tile_top.png');
    background-repeat:repeat-x;

}
#tipLeft {
    background-image:url('tile_left.png');
    background-repeat:repeat-y; 
    background-position:right;
}
#tipRight{
    background-image:url('tile_right.png');
    background-repeat:repeat-y;  
}
#tipBottom {
    background-image:url('tile_bottom.png');
    background-repeat:repeat-x;  
}

<td id="topleft">&nbsp;</td>

#topleft {
    background: ...;
    width: 15px;
    height: 15px;
}