Cuadro en 3D con sombra
Usando unos gráficos sencillos podemos aumentar mucho la calidad visual de nuestro sitio, este recorte esta hecho para que se adapte al contenido de caja, independientemente del ancho y alto del contenido siempre se visualiza correctamente.
Recorte
 |
 |
 |
| |
Puede poner aquí todo el contenido que quiera, el ancho de la caja se adapta al contenido de la misma.
|
|
 |
 |
 |
Código HTML
<table border="0" cellspacing="0" cellpadding="0" width="80%">
<tr>
<td valign="bottom"><img src="/graficos/rec301.gif" width="8" height="8"></td>
<td background="/graficos/rec302.gif" valign="bottom"><img src="/graficos/rec302.gif" width="3" height="8"></td>
<td valign="bottom"><img src="/graficos/rec303.gif" width="15" height="8"></td>
</tr>
<tr>
<td background="/graficos/rec308.gif"> </td>
<td bgcolor="#FFE5A8">
Puede poner aquí todo el contenido que quiera, el ancho de la caja se adapta al contenido de la misma.
</td>
<td background="/graficos/rec304.gif"> </td>
</tr>
<tr>
<td valign="top" height="2"><img src="/graficos/rec307.gif" width="8" height="17"></td>
<td background="/graficos/rec306.gif" height="2"><img src="/graficos/rec306.gif" width="4" height="17"></td>
<td valign="top" height="2"><img src="/graficos/rec305.gif" width="15" height="17"></td>
</tr>
</table>
Cuadro con título y borde