如何设置CSS的<table>边框宽度？
为什么这个工作？
<table border=1> 而这不是？
<table style="border-width:1px;border-color:black">
我在Chrome和IE9中得到了相同的结果。
用css做表格的边界有点复杂（但不是那么多，请看这个jsfiddle作为例子 ）：
<style type="text/css"> table{ border-collapse: collapse; border: 1px solid black; } table td{ border: 1px solid black; } </style> <table> <tr> <td>test</td> <td>test</td> </tr> </table>
默认的border-style是none ，所以你必须指定宽度和颜色。
您可以使用border速记属性一次性设置所有三个值。
另外，边界属性描述了表格和单元格的边界。 CSS更灵活，所以它只描述你select的元素的边界。 您也需要select单元格以获得相同的效果。
table, th, td { border: solid black 1px; }
另请参阅CSS中的 边框属性和表格 。
它没有工作的原因是，尽pipe设置border-width和border-color你没有指定border-style ：
<table style="border-width:1px;border-color:black;border-style:solid;">
JS小提琴演示 。
在样式表中定义样式通常会更好（这样所有元素的样式都不需要查找和更改每个元素的style属性）：
table { border-color: #000; border-width: 1px; border-style: solid; /* or, of course, border: 1px solid #000; */ }
JS小提琴演示 （ 或使用速记border符号 ）。
<table style='border:1px solid black'> <tr> <td>Derp</td> </tr> </table>
这应该工作。 我使用简写语法的边界。
您需要像这样添加边框样式：
<table style="border:1px solid black">
或者像这样：
<table style="border-width:1px;border-color:black;border-style:solid;">
喜欢这个：
border: 1px solid black;
为什么它不工作？ 因为：
总是在border-width属性之前声明边框样式（在我的例子中是固体）。 元素必须有边框，然后才能更改颜色。
<table style="border: 5px solid black">
这只会在表格周围添加一个边框。
如果你想通过CSS的相同的边框，然后添加此规则：
table tr td { border: 5px solid black; }
而HTML表格避免空格的一件事
<table cellspacing="0" cellpadding="0">
