围绕桌子而不是细胞边界

时间:2014-05-22 11:16:16

标签: html html5

有没有办法显示一个HTML表格,其中包含整个表格的边框,但不是在其中的单元格周围?不推荐使用表边框属性而使用CSS,但border属性和建议的CSS替换都会概述单个单元格和表格。

2 个答案:

答案 0 :(得分:5)

<table style="border:1px solid;">

http://jsfiddle.net/U2e8b/

答案 1 :(得分:3)

HTML属性border在整个表格周围以及每个单元格周围绘制边框。可以使用值为rules的属性none(它控制单元格周围边框的存在)来阻止后者:

<table border=1 rules=none>

虽然问题没有用“css”标记,但您可能对CSS方法感兴趣。关键问题是仅设置border属性table元素。这在单元格周围创建边框。所以你可以在CSS中使用

table { border: solid thin gray }

例如,如果您希望所有表都有边框。

但是,如果某些其他样式表在单元格周围设置边框并且您不想要它们,则需要分析它们是如何做到的,并编辑它们或编写具有更高特异性的自己的规则并设置例如border: none上的th和`td +元素。