Demasiado sencillo.
Hace algún tiempo se solía hacer un gran código para hacer este tipo de cajas expansibles agregando un div para el header otro para el contenido y otro para el footer pero esto acabo cuando descubrimos que con mas código mas tiempo tarda en cargar nuestra pagina y ya aprendimos a usar el CSS para poder dar la forma correcta a nuestras cajas sin necesidad de imágenes.
Primero al html:
<div class="contenedora">
<h3>Titulo del Box</h3>
<p>Contenido del box</p>
</div>
CSS:
.contenedora{
border:1px solid black;
background:#FFF;
/*Y cualquier cosa que deseemos agregarle de estilo a nuestra caja*/
}
h3{
margin:0;
color:red;
background:blue;
/* Estilo para nuestro titulo */
}
p{
font-size:.9em;
/* Vaya lo que queramos agregar */
}
Vaya intentalo y crea tus múltiples combinaciones de css y veras que tendrás una espectacular box.
