使用背景顏色和邊框半徑設置表格行的樣式

Question

我有一個包含 2 列的表格行，我想放置一個帶邊框半徑的背景顏色。

 <table> <tfoot> <tr> <td class="d-inline-block ltr font-14 font-weight-bold"> Price:</td> <td class="text-right text-primary"> 1600$ </td> </tr> </tfoot> </table>

通過僅將背景顏色提供給 tds 而不會遇到此問題

Answer 1

 tr td:first-child { border-top-left-radius: 150px; border-bottom-left-radius: 150px; } tr td:last-child { border-top-right-radius: 150px; border-bottom-right-radius: 150px; } td { padding: 12px; background-color: yellow; border: solid 0px #000; } table { border-collapse: collapse; }

 <table> <tfoot> <tr> <td class="d-inline-block ltr font-14 font-weight-bold"> Price: </td> <td class="text-right text-primary"> 1600$ </td> </tr> </tfoot> </table>