Перфорированная рамка

Радиальный градиент с точным позиционированием прозрачного цвета дает возможность создать перфорированную рамку для изображения.

Исходный код этого примера:

<style>
    .cont {
        background: #7ac;
        padding: 25px;
        width: 600px;
    }
    .wrap {
        width: 320px;
        height: 220px;
        margin: 0 auto;
        padding: 10px;
        background: radial-gradient(transparent 4px, #fff 4px) -10px -10px;
        background-size: 20px 20px;
    }
    img {
        width: 100%;
    }
</style>
<div class="cont">
    <div class="wrap">
        <img src="flower.jpg" alt="">
    </div>
</div>