0

我正在尝试格式化表格。在 Chrome 和 Firefox 中，当我将文件加载到浏览器中时，TR 的样式似乎被忽略了。我只是想为该行添加一个边框。使用表格和 TD 的样式。

如果我在小提琴中使用源代码，它就可以工作。

对于将样式提取到单独的 css 文件的价值没有帮助。

这是小提琴的链接。http://jsfiddle.net/kdubs/6Ppf4/

<!DOCTYPE html>
<html>

<style type="text/css">

table
{
border: 5px solid red;
}

tr
{
border: 3px solid green;
}

td
{
border: 1px solid blue;
}

</style>

<body>

<div>
<table>
<tbody>

<tr>
<td>
one
</td>
<td>
two
</td>
</tr>

<tr>
<td>
three
</td>
<td>
four
</td>
</tr>

<tr>
<td>
five
</td>
<td>
six
</td>
</tr>

</tbody>
</table>
</div>

</body>
</html>
4

1 回答 1

1

如果您在没有规范化的情况下在 JSFiddle 中运行它，它也不起作用 -不起作用

要修复它添加border-collapse: collapse;到您的表 -演示

于 2012-12-12T22:15:37.603 回答