TABLAS CON ESQUINAS REDONDEADAS

hola a todos.
mi pagina web se basa en el diseño con tablas y me gustaria saber como puedo hacer que alqunas esquinas de mis tablas sean redondeadas en vez de cuadradas.
tambien si hay alguna manera de ponerlas un poco en relieve

muchas gracias!!!
Saludos.

Si usas tablas lo tienes fácil. Solo tienes que insertar un par de filas y de columnas más para hacer huecos para las celdas que contendrán las esquinas.

De este modo tendrás, rodeando tu tabla, una celda extra por encima, otra por debajo, una más a cada lado y una en cada esquina.

En las celdas de los lados, la de arriba y la de abajo, les pones un color de fondo concreto que te guste. Y en las celdas de las esquinas colocas de imagen de fondo cuatro imágenes que has de crear tu aparte.

Estas imágenes tendrán el mismo color que el color que pusiste en la celda de los lados y además han de tener forma de un cuarto de circulo.

Así, en la celda que quedaria en la parte superior izquierda, por ejemplo, colocas de fondo la imagen de un cuarto de císculo relleno con el color de fondo elegido, y que será un cuarto de circulo correspondiente al cuarto que muestra la parte superior izquierda de este.

Pones cada cuarto de circulo en cada una de las esquinas y listo, consigues el efecto que comentas. Quizás tengas que ponerle margin 0, padding 0 y border 0 para que no se te descuadre.

Puedes ver un ejemplo aqui:

http://www.terra.es/personal/jorgegens/

En este ejemplo puse el color de las esquinas algo diferente para que veas la diferencia de donde empiezan y termina cada celda de las esquinas.

Estudia el código HTML de esa página y lo tendrás fácil.

Un saludo! :wink: