CSS:
    .outerFrm   { 
                    background-image:url(/path/BGimage.jpg); 
                    border-radius:50%;
                    padding:15px;
                    box-shadow:1px 1px 3px 3px purple;
                     }
    img.round   {
                    border-radius:50%;
                     }

HTML:

<div class="outerFrm">
<img class="round" src="/path/img.jpg" alt="k" />
</div>

http://coboldinosaur.com/pages/Frames_For_Photos.html

Using an image background for a photo allows all kinds of framing possibilities

Image Frame on Round Photo

css, html5

CSS