我需要在<tr>
标签下添加边框底部。在第一个和最后一个<tr>
边界下应该是无。我该怎么做?
table tr {
border-bottom: 1px solid #000;
}
<table>
<thead>
<th>id</th>
<th>name</th>
<th>position</th>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Peter</td>
<td>journalist</td>
</tr>
<tr>
<td>2</td>
<td>Alex</td>
<td>footballer</td>
</tr>
<tr>
<td>3</td>
<td>John</td>
<td>driver</td>
</tr>
<tr>
<td>4</td>
<td>Adam</td>
<td>programmer</td>
</tr>
</tbody>
只需将此代码添加到您的样式中:
tr+tr {
border-bottom: 1px solid #000;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句