如图，带斜切角度的按钮能用css画吗?

Question

就是上面看涨和看跌这2个按钮，用css能画吗？

Answer 1

可以。

不知道这样算不算回答完了。
因为你没说清以下问题：

• 斜切按钮的点击区域是否要和形状完全一致
• 兼容程度如何

---

解决方案有以下几种：

点击区域和形状不完全一致

通过拼接形状实现显示上的斜切。

• 多个元素拼接（斜切的部分使用transform进行斜切/旋转，溢出部分叠加/隐藏）
• 按钮背景拼接（通过background-image和线性渐变实现）
• 遮罩（mask）

点击区域和形状完全一致

• clip-path
• corner-shape