类似卡券的布局请问怎么实现？-灵析社区

用 mask 就可以了 .card{ -webkit-mask: radial-gradient(circle at 20px, #0000 20px, red 0) -20px; }  可以参考这篇文章： 还可以用这个工具 [https://coupon.codelabo.cn/](https://link.segmentfault.com/?enc=TDz5yyDTln5j0DN3%2FYe3Wg%3D%3D.gDTOqZV%2F%2FF4gv691l1o%2BmX1FX6neSQEUa7ZX6VulWKw%3D)