Como crear cuadricula con imagen interior

Mi pregunta es la siguiente, como se hace para poner cuadrados con imagen dentro?
Es para una página de venta de articulos y quiero hacer lo típico de encuadrar una imagen con precio, especificaciones, medidas, etc....
El recuadro lo diseñaré yo, pero no sé como se incorporan.

Saludos y gracias de antemano.

No sé si es esto lo que quieres, pero prueba así:

En el archivo donde quieres poner los artículos, pon esto:

<div id="articulo">
[COLOR="red"]CONTENIDO DEL ARTÍCULO, para poner una imagen tienes que poner este código: <img src="URL DE LA IMAGEN" />[/COLOR]
</div>

Y en el CSS:

#articulo {
border: 1px solid black;
}

Donde pone 1px puedes sustituirlo por un número mayor, cuanto mayor sea el número más grosor tendrá el borde.
Donde pone solid es para que el borde sea "continuo", también puedes dotted y serán cuadrados pequeños con una pequeña separación haciendo estes un borde. Tienes todos los atributos aquí: http://www.w3schools.com/cssref/playit.asp?filename=playcss_border-…
Y donde pone black es el color del borde

Muchas gracias, eso lo que quiero.
También me gustaría hacer el diseño del recuadro yo, y me imagino que debe hacerse como si fuera el recuadro de un menú , no es asi??

Saludos