为什么TR不采取风格？
CSS
table tr {border-bottom:1px solid #008999}
HTML
<table width="100%" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th scope="col">one</th>
<th scope="col">two</th>
<th scope="col">three</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Hello</th>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
加：
table
{
border-collapse: collapse;
}
否则tr不会创建单个块。
简单的例子：
table
{
border: 5px solid #900;
background: #fff;
}
tr
{
border: 5px solid #090;
}
td
{
background: #ccc;
padding: 5px 0;
}
table + table
{
border-collapse: collapse;
}<table>
<tr>
<td>def</td>
<td>ault</td>
</tr>
</table>
<table>
<tr>
<td>coll</td>
<td>apse</td>
</tr>
</table>尝试给予
table tr th {border-bottom:1px solid #008999}
然后你可以使用
table { border-collapse: collapse; }
table tr {border-bottom:1px solid #008999; }
请参阅折叠边框模型
根据定义tr不会采用边框样式。 您需要将其应用于其中的td：
table tr td {border-bottom:1px solid #008999}