Truco de HTML: Creación de tablas con las esquinas redondeadas

Autor: Roberto Herrero.   Fecha: 11/10/2002.   Lecturas: 11882
[+] del.icio.us | [+] menéame!

A la hora de hacer una página web suele quedar muy estético que las tablas no queden cuadradas, sino que tengan una cierta curvatura que le den equilibrio (suavizado de las esquinas).

Este efecto es muy fácil de conseguir en html, aunque debemos de disponer de imágenes que sean un cuarto de círculo. Lo explicamos a continuación:

Continúa...

Para crear una tabla con las esquinas redondeadas es insertar una imagen en cada esquina de una tabla 3x3. Antes debemos realizar imágenes (normalmente un cuarto de círculo) para cada una de las esquinas, que sean del mismo color que el borde de la tabla.

Colocamos cada una de estas imágenes en las casillas 1, 3, 7 y 9. Las celdas 2, 4, 6 y 8 irán vacías con el color deseado de la tabla, y en la casilla 5 incluiremos el contenido deseado.