内容简介：

今天，有个群友在群里提问，使用 CSS 能否实现下述这个图形：

emmm，中间这个酷似三次贝塞尔曲线的造型，使用 CSS 不太好实现。我的建议是切图实现，然而群友要求一定要用 CSS 实现。
虽然麻烦，但是这个图形勉强也是能用 CSS 实现的。本文就将探讨一下上述图形的纯 CSS 实现方式，并且从中进行一定的扩展延伸。
尝试实现
这个图形其实与我们的 Chrome Tab 按钮非常类似，像是这样：

不一样之处在于，Chrome 的侧边其实是垂直的竖线，而上述的需求，侧边是一条斜线。

首先，我们快速看看这个 Chrome Tab 的交互应该如何实现：
我们对这个按钮形状拆解一下，这里其实是...

查看原文

? 由小见大！不规则造型按钮解决方案