圆形照片上的相框

Posted 2021-02-23

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

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>