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