Как сделать дыру в многослойном блоке HTML?
.border {
width:250px;
height:100px;
border: 100px solid pink
}<!--ВСТАВЛЯЙТЕ DIV Сколько хотите, только размер border не забывайте менять-->
<div class="border"></div>
Попробуйте использовать отрисовку на canvas:
- рисуете розовый блок
- рисуете белый блок
- очищаете часть холста (дырка)
- добавляете текст