.table-content {    overflow-x: auto;}.table-content table tr th {    font-weight: 500;}table {    border-collapse: collapse;    width: 100%;}tr {        border-bottom: 1px solid rgba(38, 46, 46, 0.2);}th {    background: rgb(0 0 0 / 15%);    padding: 15px;       border-bottom: 1px solid rgba(38, 46, 46, 0.2);    color: $dark-text;    font-size: 0.875rem;    font-weight: 600;    text-align: left;    text-transform: uppercase;    white-space: nowrap;}td {    padding: 15px;    font-size: 1rem;}  <div class="table-content">            <table>                <tr>                    <th rowspan="1"></th>                    <th>Product</th>                    <th>Rate</th>                    <th>Discount</th>                    <th>Quantity</th>                    <th rowspan="1"></th>                    <th>Amount</th>                </tr>                    <tr>                        <td>                            <span>                                <img src="/assets/images/img-placeholder.svg" >                            </span>                        </td>                        <td>keychain</td>                        <td>200</td>                        <td>20</td>                        <td>Ordered</td>                        <td>10</td>                        <td>20</td>                    </tr>                    <tr>                        <td colspan="4"></td>                        <td>Invoiced</td>                        <td>2</td>                        <td colspan="1"></td>                    </tr>                    <tr>                        <td colspan="4"></td>                        <td>Shipped</td>                        <td>1</td>                        <td colspan="1"></td>                    </tr>                    </tr>            </table>        </div>有 border-bottom-color 我想使它與其他邊框相同，在這種情況下，表的第一行具有與其他 tr 相同的 border-bottom-color 屬性，但在第一行中，我添加了 td，例如圖片、價格、折扣所以問題是底部邊框顏色比其他 tr 邊框深一點。我怎樣才能獲得相同的邊框顏色..？