テーブルのTRの内側にボーダートップを追加

Question

私はtrの内側にボーダーを挿入していますが、ボーダーを適用していません。

table { 
 
    border-collapse: collapse 
 
} 
 
tr { 
 
    border-top: 9px solid red; 
 
}

<table> 
 
    <tr class="shipping"> 
 
    <th>Shipping 2</th> 
 
    <td data-title="Shipping 2"> 
 
     <p>There are no shipping methods available. Please check your address or contact us if you need any help.</p> 
 
     <p class="woocommerce-shipping-contents"><small>Military Grade Paracord Kit ×1</small></p>  
 
    </td> 
 
    </tr> 
 
</table>

：あなたは collapseにテーブルの border-collapseを設定する必要があります tr要素の境界線を設定したい場合は 私のコード

<tr class="shipping"> 
<th>Shipping 2</th> 
<td data-title="Shipping 2"> 
       <p>There are no shipping methods available. Please check your address or contact us if you need any help.</p> 

       <p class="woocommerce-shipping-contents"><small>Military Grade Paracord Kit ×1</small></p>  
     </td> 

とCSSが

tr { 
    border-top: 9px solid red; 
    } 

Answer 1

です

Answer 2

あなたはこれを試すことができます：[テーブル行へのborder-bottomを追加]の

tr > th { 
    border-top: 9px solid red; 
}