CSSDlaczego TR nie przyjmuje stylu?
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>
Dodaj:
table
{
border-collapse: collapse;
}
Inaczej trcreates no single block.
Prosty przykład:
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>Spróbuj dając
table tr th {border-bottom:1px solid #008999}
następnie można użyć
table { border-collapse: collapse; }
table tr {border-bottom:1px solid #008999; }
Zobacz The collapsing border model
Potrzebuję więcej niż jednego –
@ metal-gear-solid: Co dokładnie próbujesz osiągnąć? Czy możesz opisać efekt wizualny, który chcesz zobaczyć? –
@raul - patrz 'table tr {border-bottom: 1px solid # 008999}' oznacza, że każdy 'TR' w' table' powinien mieć ramkę z '1px' wysokością' solid' iw tym kolorze '# 008999'. Co nie jest jasne? –
tr definicji przyzwyczajenie wziąć style granicznych. Trzeba zastosować go do TD-tych w nim:
table tr td {border-bottom:1px solid #008999}
duplikaty: http://stackoverflow.com/questions/670424/border-around-specific-rows-in-a-table http: // stackoverflow. com/questions/583539/set-border-to-table-tr-works-in-everything-except-ie-6-7 http://stackoverflow.com/questions/2238174/border-bottom-for-ie-is -Nie pracuję-in-tr –