用css画一个渐变色梯形

193 阅读1分钟

微信图片_20240927165953.png

纯色的很简单

①用边框,设长度为短边长,高度为0,左右透明,下边框none,上边框设颜色

②画一个方形,左右各加一个用skewX(-45deg)和skewX(45deg)画的平行四边形

最后,建议还是找ui切图,做业务没必要整这些花活... (本来以为有很简单的方法才研究了一下,结果发现很麻烦...)