在表TR的TR內部添加邊框頂部

Question

我在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

，如果你想設置一個tr元素的邊界應設置表的border-collapse到collapse：

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>

Answer 2

你可以試試這個：

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