26 Dec, 2009

Foto’s-afbeeldingen verfraaien met border

Categoriën: crossbrowser |Images |Xhtml Strict

Je kan je foto’s een beetje verfraaien door bijvoorbeeld een beetje te spelen met de CSS border eigenschap.

HTML

<div class="shadow">
<img src="bordering.jpg" alt="">
</div>

CSS

div.shadow {
float: left;
padding: 0 5px 5px 0;
}
div.shadow img {
display: block;
position: relative;
top: -2px;
left:-2px;
padding:8px;
background:#FFF;
border:1px solid;
border-color: #ccc #666 #666 #ccc;
}

Gerelateerde Snippets

Geen reacties op "Foto’s-afbeeldingen verfraaien met border"

Reactie formulier


Demo: Foto's-afbeeldingen verfraaien met border:

Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.