本文将介绍如何使用 css 中的 radial-gradient 实现如下图所示的优惠券样式效果：   绘制基本样式 首先，我们绘制出优惠券的基本样式，这很简单，就不多说了。 满 100 减 30 /* scss */ .voucher { width: 600px; height: 200px; display: flex; .left { width: 30%; height: 100%;