使用圆角创建表格

Question

我有兴趣创建一个圆角而不使用图像的表格。

这是如何实现的？

我的想法是我可以用div来包装表格并将圆角设置为div。 通过浏览一下this fiddle，您可以看到表格边框覆盖了div的边框。是否有防止覆盖的风格？

Answer 1

你为什么不只是拿桌子的边界出来了？

Answer 2

你可以看看PIE CSS3的IE6/7/8，然后CSS3效果为Chrome/FF /歌剧（http://css3pie.com/）

Answer 3

诀窍这个工作是，为@Luis implies，采取边境关闭table，并将其应用到包装div，应用border-radius到该元素。

JS Fiddle demo。

Answer 4

如果你不想要表格边框，你可以在表格元素上设置border:none。如果你仍然需要表格边框，你可以在div上设置一个。