需求场景 添加优惠券类目,展示用户的优惠券 常见的设计样式如下图,核心为半圆 分步拆解 优惠券的特点是带有反向圆角,为了展示效果更好,适配多种场景,不推荐使用背景图片形式,建议使用 css . 网上有几种方案: 一种是 boder+clip 的形式,裁剪出4个小半圆角,拼凑在一起 一种是 radial-gradient 径向渐变,相对上一种需要考虑其兼容性 一种是使用背景图片,特点是加载稍慢,体验比 css 差,兼容性好 具体的代码这里就不一一演示了 参考其他网上内容: https://www.jb51.net/css/604652.html 注意细节 有一点要说明的是: 一定要注意细节,