想实现打孔，且打孔位置是透明色，需要注意以下两点

预留好打孔的位置
打孔的边框通过border-radius控制

效果图

预留打孔位置

根据需要自己去布局就好了

实现打孔

.coupon-middle:before, .coupon-middle:after {
    content: '';
    border: 300px solid #FFFFFF;
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    top: 50%;
    margin-top: -330px;
}
.coupon-middle:before {
    left: -330px;
}
.coupon-middle:after {
    right: -330px;
}

这段代码里面 border 和 border-radius 属性共同实现了打孔的效果，至于其他属性就是为了定位位置。

安装中央新风系统，打孔三要点你要知道
新风系统在安装上肯定会遇到穿墙打孔的问题，打孔很简单，但是知道哪里能打孔，哪里不能打孔就不简单了。如果打孔顺利，新...
不不不不不用打孔的收纳神器！和洞洞墙说byebye！
有没有人和糖主一样，能不在墙上打孔就不打孔。虽然糖主深知在墙上打孔更牢固，然鹅，很多时候不是你说想打孔就能打孔呀！...
皮革打孔的学问
皮革打孔的学问 2016-06-13阿香FOD工具控皮革打孔的学问关于皮具打孔，相信每一个皮匠都有一本“试错宝...
茅台老酒收藏，要注意针眼打孔！
收藏老酒圈子特别憎恨一个手段——针眼打孔茅台。所谓的打孔灌酒就是造假者通过针眼打孔，把真茅台酒抽出注入山寨品当中...
即使一件简单的小事，也要思考
今天帮工人买白铁片做工具。好不容易买到了白铁片，但还要给白铁片打孔。只能再找一家打孔的。我就按照我想的去打孔...
flotherm 打孔板参数设置
在上篇《flotherm 中perforated plate的设置》里面初步研究了一下打孔板的使用，以及与实体打孔...
2017年6月25日阴转晴
白班。陆肖站端头打孔。
做产品的目的
有个打孔机的故事在产品界很有名，用户来买一个打孔机，他是需要有个打孔机吗？不是的，他是需要他的墙上有一个孔，...
打孔机故事的启发
打孔机的故事给了我一些启发，用户来买一个打孔机，他是需要有个打孔机吗？不是的，他是需要他的墙上有一个孔，我们的抖音...
2020-08-18
昨天王老师让在竹罐上打孔，并说了要求。在新进的一批竹罐上打孔时相对比较简单，开始打孔时让电钻转慢一点点把竹子上的外...