Redondear esquinas de una tabla

Usando el estilo -moz-border-radius podemos dotar de bordes redondeados a nuestra tabla. Tiene como parámetro un número que determina el radio que tendra el arco que determinara el redondeo de la esquina.

Se puede modificar la configuracion de los colores, cambiando los parámetros de los estilos background-color y border.

Código ofrecido por Tutores.org

<style type="text/css">
table{
-moz-border-radius: 15px;
background-color : #cc0000;
border : 1px solid #000000;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
padding-left : 5px;
padding-right : 5px;
}
</style>
<table width="100%"  border="2" cellspacing="0" cellpadding="8">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

Usuarios que han visto este tema también han visto...

- Textscroll en CSS
- Evitar que una página se imprima en CSS
- Maquetar con CSS usando X columnas
- Cómo evitar que una página se imprima en CSS
- Texto iluminado con CSS

- Versión imprimible de este documento

- Enviar por e-mail este documento