我有兴趣创建一个圆角的 table 而不使用图像 .
如何实现这一目标？
我的想法是，我可以用div包装表，并将圆角设置为div . 通过浏览this fiddle，您可以看到表格边框覆盖了div的边框 . 有没有防止覆盖的风格？
``
你为什么不把 table 的边框拿出来？
这个工作的诀窍就是@Luis implies，将 table 的边框移开并将其应用于包装 div ，将 border-radius 应用于该元素 .
table
div
border-radius
JS Fiddle demo .
您可以查看用于IE6 / 7/8的PIE CSS3以及用于Chrome / FF / Opera的CSS3效果（http://css3pie.com/）
如果您不想要表格边框，可以在表格元素上设置 border:none . 如果您仍想要表格边框，可以在div上设置 padding:10px .
border:none
padding:10px
4 回答
你为什么不把 table 的边框拿出来？
这个工作的诀窍就是@Luis implies，将
table的边框移开并将其应用于包装div，将border-radius应用于该元素 .JS Fiddle demo .
您可以查看用于IE6 / 7/8的PIE CSS3以及用于Chrome / FF / Opera的CSS3效果（http://css3pie.com/）
如果您不想要表格边框，可以在表格元素上设置
border:none. 如果您仍想要表格边框，可以在div上设置padding:10px.