tengoTengo un tdtd
, con un color de fondo y un border-radius aplicado, mi.
Mi idea es que la mitad superior tenga un color y la inferior otra, pero al colocar un divdiv
para hacer la división del tdtd
, y colocar un color de fondo, este se superpone al borde del td, estetd
.
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 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>