Ver Mensaje Individual
  #2 (permalink)  
Antiguo 11/07/2011, 00:38
Avatar de xikipinki
xikipinki
 
Fecha de Ingreso: julio-2011
Ubicación: Barcelona
Mensajes: 22
Antigüedad: 13 años, 4 meses
Puntos: 3
Respuesta: Como ponerle imagen fondo a ciertas imágenes

Cita:
.marco1 {
padding:8px;
background-color: #f5f5f5;
width: 200px;
border: 1px solid #999999;
}
.marco1 IMG{
border: 1px solid #000000;
}

<div class="marco1">
<img src="im1.jpg" width="200" height="150" alt="">
</div>

.marco2 {
padding:8px;
background-color: #f5f5f5;
width: 200px;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
}

<div class="marco2">
<img src="im2.jpg" width="200" height="150" alt="">
</div>

.marco3 {
padding:8px 8px 20px 8px;
background-color: #ffffff;
width: 200px;
border: 1px solid #999999;
}

<div class="marco3">
<img src="im3.jpg" width="200" height="150" alt="">
</div>

.blur{
background-color: #ccc; /*shadow color*/
color: inherit;
margin-left: 4px;
margin-top: 4px;
width: 224px;
}
.shadow, .content{
position: relative;
bottom: 2px;
right: 2px;
}
.shadow{
background-color: #666; /*shadow color*/
color: inherit;
}
.content{
background-color: #fff; /*background color of content*/
color: #000; /*text color of content*/
border: 1px solid #000; /*border color*/
padding: .5em 2ex;
}
.content IMG{
border: 1px solid #000000;
}

<div class="blur">
<div class="shadow">
<div class="content"><img src="im4.jpg" width="200" height="150" alt=""></div>
</div>
</div>
Ahi te puesto unos cuantos, prueba a ver que tal :) es mas facil si nos indicas el proposito de las imagenes, decoracion de un texto, cabeceras, galerias, etc.