Skip to main content
se añadieron 223 caracteres en el cuerpo
Origen Enlace
Alvaro Montoro
  • 49.8k
  • 28
  • 109
  • 190

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>

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>

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>
      Prueba
    </td>
  </tr>
  <tr>
    <td>
      Prueba
    </td>
  </tr>
</table>

se añadieron 131 caracteres en el cuerpo
Origen Enlace
jorge
  • 160
  • 2
  • 14

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>

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;
}

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>
Origen Enlace
jorge
  • 160
  • 2
  • 14

Problema para redondear bordes de una tabla html con css

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;
}