Diseño Web

¿Cómo se hace un cuadrado con las esquinas redondeadas?. Es un sencillo toque de diseño que puede ayudarnos a que nuestras paginas sean más agradables visualmente.

Este es el código HTML:

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#DDE0FC" width="20"><img src="/graficos/esq1.gif" width="20" height="20"></td>
<td bgcolor="#DDE0FC">&nbsp;</td>
<td bgcolor="#DDE0FC" width="20"><img src="/graficos/esq2.gif" width="20" height="20"></td>
</tr>
<tr>
<td bgcolor="#DDE0FC" width="20">&nbsp;</td>
<td bgcolor="#DDE0FC">Puedes poner aquí el contenido<BR>que quieras.</td>
<td bgcolor="#DDE0FC" width="20">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#DDE0FC" width="20"><img src="/graficos/esq4.gif" width="20" height="20"></td>
<td bgcolor="#DDE0FC">&nbsp;</td>
<td bgcolor="#E5E7FD" width="20"><img src="/graficos/esq3.gif" width="20" height="20"></td>
</tr>
</table>

Necesitarás unas imágenes, puedes usar estas:

(Sólo tienes que utilizar el botón derecho y guardar imagen cómo.) Ten en cuenta que la ruta de la imagen dependerá del sitio donde hayas guardado las imágenes y deberás cambiarla si es necesario.

Éste es el resultado:

	Puedes poner aquí el contenido que quieras.

Bonito, ¿verdad?, pues pruébalo.