Hola
lizfranco :
Puede ser así
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head>
<style>
#alfa{color:fuchsia; font-weight:bold; margin:15px; }
#bravo{background:url("http://www.geocities.com/af1pics/tabla.jpg"); width:209px; height:178px; }
</style>
</head>
<body>
<div id="bravo"><div id="alfa"></div></div>
<br /><br />
<input type="button" onclick="document.getElementById( 'alfa' ).innerHTML = 'QWERTY'" value="QWERTY">
<input type="button" onclick="document.getElementById( 'alfa' ).innerHTML = 'ASDFGH<br>ASDFGH'" value="ASDFGH">
</body></html>
Lo que quiero decir es que el método de poner esquinas redondeadas en las tablas es para que un borde se ajuste automáticamente al contenido si la celda cambia de tamaño.
Pero el ejemplo que pones puede ser más complejo. La imagen -que supongo de fondo- no se va a 'estirar' como los bordes, y eso puede arruinar el diseño; si la tabla debe respetar el tamaño de la imagen de fondo, entonces alcanza con poner los bordes a una imagen y meterla atrás de un
DIV.
Ahora, si el fondo es mosaico o se va a acomodar al centro o en alguna esquina ( lo que no funciona en cualquier navegador ), enonces ya es otra cosa.
El método es el mismo que usaste en tu otra tabla, solamente debes modificar los bordes. En las esquinas, la línea curva ( el cuarto decírculo ) debe ser "color borde", hacia 'afuera' debe ser "color
fondo de documento", y hacia 'adentro', color transparente. La imagen de fondo será para la tabla y no para la celda central.
saludos
furoya