<!DOCTYPE html>
<html>
<head>
<style>
table { border-collapse: collapse;}
td {
border: 0.5px solid black;}
</style>
</head>
<body>

<table style="width:100%">
<tr>
<td style="border-bottom: 400px solid blue; border-right: 20px solid yellow;">Hello</td>
<td style="border-bottom: 100px solid blue; border-left: 20px solid yellow;">Hello</td>
</tr>
<tfoot>
<tr>
<td style="border-top: 100px solid red;">Hello</td>
<td style="border-top: 200px solid red;">Hello</td>
</tr>
</tfoot>
</table>
</body>
</html>