Edit in JSFiddle

body
{
    padding: 20px;
}
div
{
    width: 100px;
    height: 100px;
    float: left;
    margin: 10px;
    background: url(http://waldio.webatu.com/system/images/toystory.jpg) bottom right;
    border: 10px #000;
    
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    
    -webkit-box-shadow: inset 0 0 5px #000;
    -moz-box-shadow: inset 0 0 5px #000;
    box-shadow: inset 0 0 5px #000;
}
.dashed { border-style: dashed; }
.dotted { border-style: dotted; }
.transparent { border-style: solid; border-color: transparent; }

<div class=dashed></div>
<div class=dotted></div>
<div class=transparent></div>