no consigo redondear los bordes de una tabla html simplemente quiero redondear los dos bordes superiores pero se me hace imposible.
Esto es lo que estoy usando:
.ejemplo{
border: 1px solid #a7a7a7;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
}
<table class="ejemplo">
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
.ejemplo {
border: 1px solid #a7a7a7;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
}
<table class="ejemplo">
<tr>
<td>
Prueba
</td>
</tr>
<tr>
<td>
Prueba
</td>
</tr>
</table>