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...

- Efectos en textos e imágenes con CSS
- Qué son las capas
- Maquetar una galería de fotos con CSS usando listas
- wrapScroll: Desplazamiento automático de DIV’s con CSS
- Enlace en el encabezado

- Versión imprimible de este documento

- Enviar por e-mail este documento