JSFiddle - React, Tailwind, and code Playground

by Softlink

HTML

<table border="0" width="100%" bgcolor="#E6E6FA" style="border-collapse: collapse">
<tr bgcolor="#8b95a4">
<th class="op">
</th>
<th>
</th>
<th></th>
<th>И</th>
<th>В</th>
<th>Н</th>
<th>П</th>
<th class="oop">О</th>
</tr>

<tr bgcolor="#9fcced">
<th>1.</th>
<td><img src=images/logomini/logmu.png></td>
<th align="left">Манчестер Юнайтед</th>
<th>31</th>
<th>24</th>
<th>4</th>
<th>5</th>
<th>76</th>
</tr>

<tr bgcolor="#9fcced">
<th>2.</th><td>
<img src=images/logomini/logmc.png></td>
<td class="tabtd">Манчестер Сити</td>
<td align="center">31</td>
<td align="center">22</td>
<td align="center">5</td>
<td align="center">4</td>
<td align="center">71</td>
</tr>

<tr bgcolor="#9fcced">
<th class="ooop">3.</th>
<td><img src=images/logomini/logars.png></td>
<td class="tabtd">Арсенал</td>
<td align="center">31</td>
<td align="center">18</td>
<td align="center">4</td>
<td align="center">9</td>
<td align="center" class="oooop">65</td>
</tr>
</table>

CSS

table{
    margin: 20px;
    border-radius: 15px;
    overflow: hidden;
}
/*
.op{
border-radius: 15px 0 0 0;
}

.oop{
border-radius: 0 15px 0 0;
}

.ooop{
border-radius: 0 0 0 15px;
}


.oooop{
border-radius: 0 0 15px 0;
}
*/