为什么这个有效?
<table border=1>
这个不行吗?
<table style="border-width:1px;border-color:black">
我在Chrome和IE9中得到了相同的结果。
使用CSS在表格中设置边框略微复杂(但不是太复杂,参见此jsfiddle示例):
table {
border-collapse: collapse;
border: 1px solid black;
}
table td {
border: 1px solid black;
}
<table>
<tr>
<td>test</td>
<td>test</td>
</tr>
</table>
原因在于,尽管设置了 border-width
和 border-color
,但您没有指定 border-style
:
<table style="border-width:1px;border-color:black;border-style:solid;">
通常最好在样式表中定义样式(这样所有元素都会被样式化,而无需查找并更改每个元素的style
属性):
table {
border-color: #000;
border-width: 1px;
border-style: solid;
/* or, of course,
border: 1px solid #000;
*/
}
✔
)对您最有帮助的答案。 - David Thomas<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;">
<table style="border: 5px solid black">
这只是在表格周围添加边框。
如果您想通过 CSS 实现相同的边框,请添加此规则:
table tr td { border: 5px solid black; }
还有一个关于HTML表格的问题是避免空格。
<table cellspacing="0" cellpadding="0">
像这样:
border: 1px solid black;
为什么它没起作用? 因为:
在更改边框颜色之前,始终先声明边框样式属性(例如我的示例中的实线)再声明边框宽度属性。元素必须先有边框才能更改颜色。
table.someclass
)指定一些表格,或者通过 ID(table#someid
)指定一个表格。 - Buttle Butkusborder-collapse: collapse;
有什么影响? - Muhammad Umer