When styling my table, I encountered an issue with the background color of the tbody and the white space between the border and the table. Here is a snippet of my HTML and CSS:
HTML:
<table>
<tbody>
<tr><td>test</td></tr>
</tbody>
</table>
CSS
table {
border: 100px solid black;
border-radius: 100px;
}
tbody {
background-color: black;
}
td {
background-color: white;
border-radius: 100px;
padding: 100px;
}
Even after trying to use background-clip, I couldn't get it to work properly. Any suggestions on how to fix this?