logo
  Borderoutline
 

Dit vond ik wel heel erg mooi en apart. Een normale foto en met css een mooie kader met schaduw er omheen. Zet de afmeting niet bij de foto maar in de css bij height en width.

 
IN DE CSS
div.borderout {
border: 10px solid rgb(255,255,240);
outline: 1px solid rgb(230,230,225);
outline-offset:0px;
height:200px;
width:300px;
-moz-box-shadow: 5px 5px 8px #797D82;
-webkit-box-shadow: 5px 5px 8px #797D82;
box-shadow: 5px 5px 8px #797D82;
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#797D82');
margin-left:100px;}

 
TUSSEN DE BODY TAGS
<div class="borderout"><img src="jou foto" /></div>

 
eind