Tengo un td
, con un color de fondo y un border-radius aplicado.
Mi idea es que la mitad superior tenga un color y la inferior otra, pero al colocar un div
para hacer la división del td
, y colocar un color de fondo, este se superpone al borde del td
.
Este es mi código:
<table width="100" height="100" align="center">
<tr>
<td valign="top" align="center" style="background-color: #FDD000; border-radius: 50px;">
<div style="height: 50px; width: 100px; overflow: hidden;">
<div style="height: 100%; width: 100%; background-color: #f5f5f5">
</div>
</div>
</td>
</tr>
</table>