在tr标签下添加border-bottom

用户8844387

我需要在<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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章