默认 table 边框的实际宽度是多少？

Question

当您使用 table 标记并添加 border="1" 时，该边框的实际值是多少？它不是 1 像素，因为当我尝试复制它时，它比 border=1 版本薄得多。所以：

"border=1"是粗线

style="border:1px solid #000"是细线

我正在尝试复制它，但找不到匹配项。

编辑：我需要内联执行此操作，因为不会有样式 sheet。请让我知道这是否可以在线完成。

Answer 1

border属性和style属性的区别在于前者也给里面的单元格加上了边框，而后者没有。

这让我开始思考，我的猜测是您没有提供重现该问题所需的所有信息。因此，如果我错了，请纠正我，但我假设您在 table 上也有 cellspacing="0"，并且在尝试的样式版本中，[=36] 上没有 style 属性=] 细胞.

<table border="1" cellspacing="0">
<tr><td>with border attr</td></tr>
</table>

<br>

<table style="border:1px solid #000">
<tr><td>with style props</td></tr>
</table>

所以在顶部table，table有一个1px的边框，里面的单元格也是。好了，总共有 2px 边框。

这种情况可以使用样式来模拟；你只需要更多的样式。

<table border="1" cellspacing="0"> <!-- same as above -->
<tr><td>with border attr</td></tr>
</table>

<br>

<table style="border:1px outset #000; border-spacing:0">
<tr><td style="border:1px inset #000">with style props</td></tr>
</table>

Answer 2

如果不指定border属性的值，默认为0。您可以在 beantalk 学习技术讲座中获得更多信息

默认 table 边框的实际宽度是多少？

What is the actual width of default table borders?

html

css

css-tables