Bueno, pues lo que a mí se me ocurre es que metas la foto dentro de un div de la siguiente forma:
Código HTML:
<div id="foto">
<img .../>Colocamos la imagen.
</div>
Y luego utilices CSS así, por ejemplo:
Código:
#foto {
padding: 100px;
background-color: #color que quieras que tenga el marco;
border: 1px solid #mismo color que antes (no es necesario);
}
Añádele las cosas que quieras, pero creo que la base para obtener el resultado que tu buscas es esta
![Afirmando](http://static.forosdelweb.com/fdwtheme/images/smilies/afirmar.gif)
.
Bye!