Diseño Web

Cuadro con título y borde

En este recorte hemos hecho una caja con un título y un borde alrededor de la caja, puede cambiar los valores cellpadding="1" para variar el grosor del borde la caja.

Este es el código HTML:

<table width="220" border="0" cellspacing="0" cellpadding="1">
<tr bgcolor="#990033" align="center">
<td><b><font color="#FFFFFF">Titular del cuadro</font></b></td>
</tr>
<tr bgcolor="#990033">
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr bgcolor="#FFFFFF">
<td>Pon aqui el contenido del cuadro</td>
</tr>
</table>
</td>
</tr>
</table>

Éste es el resultado: