今天，有个群友在群里提问，使用CSS能否实现下述这个图形：emmm，中间这个酷似三次贝塞尔曲线的造型，使用CSS不太好实现。我的建议是切图实现，然而群友要求一定要用CSS实现。虽然麻烦，但是这个图形勉强也是能用CSS实现的。本文就将探讨一下上述图形的纯CSS实现方式，并且从中进行一定的扩展延伸。尝试实现这个图形其实与我们的ChromeTab按钮非常类似，像是这样：不一样之处在于，Chrome的侧边其实是垂直的竖线，而上述的需求，侧边是一条斜线。首先，我们快速看看这个ChromeTab的交互应该如何实现：我们对这个按钮形状拆解一下，这里其实是3块的叠加：只需要想清楚如何实现两侧的弧形三角即可。这
