Enmarcar Imagen con CSS

[gsmmixer]

Me gustaria saber dada una imagen imaginemos de 32 por 32 como situar con css un marco al rededor de la msma de un ancho de 100 de ancho por 100 de alto , qiedando todo como la foto y al rededor el css haciendo de marco , he tratado hacerlo pero el marco no sale del tamaño ni como yo quiero , a ver si a alguien se le ocurre algo , saludos y gracias a todos

[webosiris]

usa Border.

Código HTML:

<img src="imagen.jpg" alt="Su texto alternativo" class="enmarcada"/> 

Y el CSS

Código:

.enmarcada{
border:5px solid #000; /* ancho - tipo - color */
padding:10px; /* distancia entre la img y el borde */
margin:5px; /* distancia entre el borde y el contenido */
width:32px /* el ancho de la img */
}

NOTA: el ancho total va a ser width + padding + border + margin

[gazpachoymochil]

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 .

Bye!