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;それを修正するには、テーブルに追加してください - DEMO

于 2012-12-12T22:15:37.603 に答える