Curled borders

by ginpei

HTML

<p><img class="no-border" src="http://ginpen.com/wp-content/uploads/2012/12/ume-tree.jpg" width="225" height="300" alt="Ume tree" /></p>
<p><img class="border" src="http://ginpen.com/wp-content/uploads/2012/12/ume-tree.jpg" width="225" height="300" alt="Ume tree" /></p>
<p><img class="box-shadow" src="http://ginpen.com/wp-content/uploads/2012/12/ume-tree.jpg" width="225" height="300" alt="Ume tree" /></p>

CSS

img {
    border-radius: 20px;
}
img.border {
    border: solid 1px red;
}
img.box-shadow {
    box-shadow:
        -1px -1px red,
         1px -1px red,
         1px  1px red,
        -1px  1px red;
}